Community Learn Tools Library Leisure

English

Home > Web Front-end > HTML Tutorial > Implement a 60-second countdown after sending an SMS verification code

Implement a 60-second countdown after sending an SMS verification code

阿神

Release： 2016-11-08 14:34:48

Original

2684 people have browsed it

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"> 
var countdown=60; 
function settime(obj) { 
    if (countdown == 0) { 
        obj.removeAttribute("disabled");    
        obj.value="免费获取验证码"; 
        countdown = 60; 
        return;
    } else { 
        obj.setAttribute("disabled", true); 
        obj.value="重新发送(" + countdown + ")"; 
        countdown--; 
    } 
setTimeout(function() { 
    settime(obj) }
    ,1000) 
}
 
</script>
<body> 
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> 
 
</body>
</html>

Copy after login

Related labels：

实现发送短信验证码后60秒倒计时

source：php.cn

Previous article：HTML5 drawing circuit diagram Next article：Create animations in web pages

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author