JavaScript實現點擊按鈕後，再過60秒後才能再點擊此按鈕
- 高洛峰原創
- 2016-11-28 11:30:322164瀏覽
註冊的時候需要發送驗證啟動帳號的郵件，為了避免郵件的多次重複發送，所以可以在點擊了發送後，設定button要過一段時間才能繼續點擊。以下是一個簡單的例子：
<<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>陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：消除JavaScript中的if下一篇：消除JavaScript中的if