您的位置:首页 > Web前端 > JavaScript

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

2017-12-12 20:52 232 查看
//点击“获取验证码”

    $(".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)

      

    });
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: