获取验证码倒计时

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_38052210/article/details/80276730

1、html

<button id="sms">获取验证码</button>

2、jq

var InterValObj; //timer变量,控制时间
var count = 60; //间隔函数,1秒执行
var curCount;//当前剩余秒数
$('#sms').on('click',function(){
curCount = count;
//设置button效果,开始计时
$("#sms").attr("disabled", "disabled");
$("#sms").addClass('disable');
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
});
function SetRemainTime() {
if (curCount == 0) {                
window.clearInterval(InterValObj);//停止计时器
$("#sms").removeAttr("disabled");//启用按钮
$("#sms").removeClass('disable');
$("#sms").text("重新获取");
}else {
curCount--;
$("#sms").text("" + curCount + "s后获取");
}
}

博主设置当前文章不允许评论。

没有更多推荐了,返回首页