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;

阅读更多
想对作者说点什么? 我来说一句

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