JavaScript怎么实现验证码倒计时

JavaScript实现验证码倒计时的方法：首先创建一个HTML示例文件；然后创建一个button；最后通过“$('.hmac').on('click',function(){ ...} ”方法获取验证码并实现倒计时60秒即可。

本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript怎么实现验证码倒计时？

js获取验证码倒计时60s(超简单)

!DOCTYPE html>
    html>
    head>
        meta charset="UTF-8">
        tITle>
    测试jquey的ajax方法/title>
        style>
        *{
                padding:0;
                margin:0;
        }
        button{
    width: 20%;
    line-height: 50px;
    font-Size: 30px;
    margin-left: 40%;
    margin-top: 20%;
  }
        /style>
    /head>
    body>
    div id="test">
    /div>
    button>
    获取验证码/button>
    script type="text/javascript" src="jquery-1.8.2.min.js">
    /script>
    script>
$('.hmac').on('click',function(){
       VAR that = $(this)    var timeo = 60;
    var timeStop = setInterval(function(){
            timeo--;
            if (timeo>
0) {
                that.text('重新发送' + timeo +'s');
                that.attr('disabled','disabled');
//禁止点击        }
else{
                timeo = 60;
    //当减到0时赋值为60            that.text('获取验证码');
                 clearInterval(timeStop);
    //清除定时器            that.removeAttr('disabled');
//移除属性，可点击        }
    }
,1000)}
    )/script>
    /body>
    /html>
    

推荐学习：《javascript高级教程》

以上就是JavaScript怎么实现验证码倒计时的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！