Home >Web Front-end >JS Tutorial >JavaScript implements that after clicking a button, it will take another 60 seconds before the button can be clicked again.

JavaScript implements that after clicking a button, it will take another 60 seconds before the button can be clicked again.

高洛峰Original: 2016-11-28 11:30:322159browse

When registering, you need to send an email to verify the account activation. In order to avoid repeated sending of the email, you can set the button to wait for a while after clicking send before you can continue to click it. Here is a simple example:

<<a href="http://www.php1.cn/">html</a>> 
<head> 
<title>点击获取验证码按钮后按钮变灰，倒计时一段时间后又可重复点击</title> 
</head> 
<body> 
<input type="button" id="btn" value="免费获取验证码" /> 
<script type="text/javascript"> 
var wait=60; 
function time(o) { 
        if (wait == 0) { 
            o.removeAttribute("disabled");           
            o.value="免费获取验证码"; 
            wait = 60; 
        } else { 
            o.setAttribute("disabled", true); 
            o.value=wait+"秒后可以重新发送"; 
            wait--; 
            setTimeout(function() { 
                time(o) 
            }, 
            1000) 
        } 
    } 
document.getElementById("btn").onclick=function(){time(this);} 
</script> 
</body> 
</html>

Statement：

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

Previous article：Eliminate if in JavaScriptNext article：Eliminate if in JavaScript

See more

JavaScript implements that after clicking a button, it will take another 60 seconds before the button can be clicked again.

Related articles