当前位置: 编程技术>jquery
点击按钮 倒计时60秒方可再次点击发送的Js代码
来源: 互联网 发布时间:2014-09-03
本文导语: 本节内容: Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果。 比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果。 本文用Javascript实现点击按钮后,倒计时60秒...
本节内容:
Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果。
比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果。
本文用Javascript实现点击按钮后,倒计时60秒才能再次点击发送验证码的功能。
例子:
代码示例:
var wait=60;
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value="免费获取验证码";
wait = 60;
} else { // www.
o.setAttribute("disabled", true);
o.value="重新发送(" + wait + ")";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
document.getElementById("btn").onclick=function(){time(this);}
效果很酷吧,有时间的朋友,保存以上代码,自行测试下效果吧。
>>> 您可能感兴趣的文章:
jquery 倒计时效果实现秒杀的思路与代码
Jquery实现团购倒计时的代码