点击发送短信验证码按钮后,倒计时60秒
2017-11-23 11:01
369 查看
在注册或登录某些网站的用户时,常常会遇到一些发送短信验证码的功能,点击发送按钮后会出现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");
相关文章推荐
- 点击按钮,实现60秒倒计时效果(发送手机验证码)
- jquery 点击按钮后,倒计时60秒才能再次点击发送
- 点击按钮 倒计时60秒方可再次点击发送的Js代码
- js jquery 实现点击按钮后,倒计时60秒才能再次点击发送验证邮件
- vue获取手机验证码60秒倒计时,不能点击按钮
- Android之发送短信后按钮(60秒)变灰色每隔一秒递减显示
- 使用定时器限制点击按钮发送短信(附源码)--JavaScript小案例
- 用javascript实现发送验证码和60秒计时重试
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码
- 点击发送短信按钮跳转到手机短信界面实现发送短信
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- 重新发送短信验证码的web的60秒倒计时的实现
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jQuery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码(未测试)
- 前端常用库-发送短信验证码倒计时60秒
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- 用户点击获取验证码之后我们会发送一条信息到用户手机,然后就会出现一个倒计时按钮,很像支付宝手机付款效果了,下面我给大家分享两个js效果
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jQuery实现发送短信验证码后60秒倒计时
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码