js获取验证码后倒计时(记录一下)

来源:互联网 发布:dnf斗兽场印章淘宝 编辑:程序博客网 时间:2024/06/05 08:22
//点击“获取验证码”
    $(".code-btn").click(function () {
        var imgCode = $(".img-code-input").val(),
            tips2 = $(".tips2");
            tips2.removeClass("active");//提示内容隐藏
            var second = 60,//初始化时间
                btnText = "获取验证码",//按钮文本内容
                time="";
            //计时调用的函数 每隔1s second-1
            function timeGo(){
                if(second>1){
                    //判断second>1 递减
                    second--;
                    btnText = second+"s后重新获取";
                    $(".code-btn").attr("disabled","true");//将按钮设置为 不可用
                }else if(second==1){
                    btnText = "获取验证码";
                    clearInterval(time);
                    $(".code-btn").removeAttr("disabled");//移除disabled属性
                }
                $(".code-btn").text(btnText);//按钮文本
            };
            time=setInterval(timeGo,1000)
      


    });
原创粉丝点击