html5 验证码倒计时重置

最近根据需求要求用户获取验证码时(在点击获取验证码时,先会对输入的用户名和密码做验证)如果密码错误时要求不计时可重新获取验证码,在这就需要重置倒计时了。好了还是直接贴代码吧

var wait=60;//时间
var t;//计时器
var timeout = false;
function time(){
    if (wait == 0) {
        $('#btnVerify').removeAttr('disabled');
        //btnObj.removeAttribute("disabled");
        //btnObj.textContent = "再次获取验证码";
        $('#btnVerify').text("获取验证码");
        wait = 60;
    }else{
        //btnObj.setAttribute("disabled", true);
        $('#btnVerify').attr('disabled','disabled');
        //$('#btnVerify').textContent = "重新发送验证码(" + wait + "s)";
        $('#btnVerify').text("重新发送验证码(" + wait + "s)");
        wait--;
        if(timeout){//重置计时器
            $('#btnVerify').removeAttr('disabled');
            $('#btnVerify').text("获取验证码");
            wait = 60;
            timeout = false;
            return;
         }
         t=setTimeout(function(){
            time();
         },1000)
    }
}
在需要重置倒计时的地方写入
timeout = true;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值