您的位置:首页 > 其它

点击发送短信验证码按钮后,倒计时60秒

2017-11-23 11:01 363 查看

在注册或登录某些网站的用户时,常常会遇到一些发送短信验证码的功能,点击发送按钮后会出现60秒倒计时。

代码实现如下:

//60秒之后获取验证码
var wait=60;
function time(obj) {
if (wait == 0) {
obj.removeAttribute("disabled");
obj.innerHTML="获取验证码";
wait = 60;
} else {
obj.setAttribute("disabled", true);
obj.innerHTML=wait+"秒后重新发送";
wait--;
setTimeout(function() {
time(obj)
},
1000)
}
}

方法中的参数为按钮的dom对象,可以在按钮中的某个事件中添加,以点击事件为例:onclick="time(this)" 。

还可以通过JavaScript获取:var obj = document.getElementById("btn");

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐