JS获取验证码页面显示处理

最新推荐文章于 2022-08-05 20:15:29 发布

~小仙女~

最新推荐文章于 2022-08-05 20:15:29 发布

阅读量919

点赞数

分类专栏： web前端文章标签： JS获取验证码页面显示

本文链接：https://blog.csdn.net/baidu_41604826/article/details/89313429

版权

web前端专栏收录该内容

69 篇文章 0 订阅

订阅专栏

JS获取验证码，页面显示处理

HTML:

<button type="button" class="mui-btn" id="countDown" onclick="startCountDown()">获取验证码</button>

JS:

//点击完获取验证码之后
        var balanceTime = 5;
        function startCountDown() {
            var myCountDown = setInterval(function(){ finalCountDown() },1000);
            function finalCountDown(){
                balanceTime-=1
                if(balanceTime<=-1){
                 clearInterval(myCountDown)
                 balanceTime = 5;
                  $("#countDown").text("重新获取").attr({"disabled":false})
                }else{

                    $("#countDown").text("("+balanceTime+")重新获取").attr({"disabled":true})
                }
            }
        }