点击按钮 倒计时60秒方可再次点击发送的Js代码
发布时间：2015-11-26 编辑：jiaochengji.com
分享一例Js代码，当点击按钮后，倒时计60秒后，才可以再次点击发送，这样的效果蛮实用的哦，有需要的朋友参考下吧。
本节内容：
Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果。
比如，一些网站上的手机短信认证的功能，有类似实现点击按钮后，倒计时60秒才能再次点击发送的效果。
本文用Javascript实现点击按钮后，倒计时60秒才能再次点击发送验证码的功能。
例子：
复制代码 代码示例:
<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 { // www.jbxue.com
o.setAttribute("disabled", true);
o.value="重新发送(" + wait + ")";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
document.getElementById("btn").onclick=function(){time(this);}
</script>
<script type="text/javascript">
var wait=60;
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value="免费获取验证码";
wait = 60;
} else { // www.jbxue.com
o.setAttribute("disabled", true);
o.value="重新发送(" + wait + ")";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
document.getElementById("btn").onclick=function(){time(this);}
</script>
效果很酷吧，有时间的朋友，保存以上代码，自行测试下效果吧。
>>> 您可能感兴趣的文章：
jquery 倒计时效果实现秒杀的思路与代码
Jquery实现团购倒计时的代码
您可能感兴趣的文章：
点击按钮 倒计时60秒方可再次点击发送的Js代码
jquery 倒计时效果实现秒杀的思路与代码
JS倒计时代码(可随时点击停止)
jquery 手机发送验证码倒计时实现代码
Jquery实现团购倒计时的代码
js注册按钮读秒倒计时代码
jquery实现手机发送验证码的倒计时代码
js 点击注册按钮开始读秒倒计时的实例代码
基于jQuery的倒计时实现代码
JQuery实现倒计时按钮的实现代码
[关闭]