获取验证码倒计时--

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <title>获取验证码倒计时</title>
</head>
<body>
    <button  class="getCode">获取验证码</button>
</body>
<script>
    var time;
    $('.getCode').click(function(){
        time = 10;
        $('.getCode').html(`${time}s`)
        $('.getCode').attr("disabled",true);
        var a = setInterval(function (){
            if(time !=0){
                time --
            $('.getCode').html(`${time}s`)
            } else {
                clearInterval(a)
                $('.getCode').html(`重新发送`)
                $('.getCode').attr("disabled",false);
            }

         
        },1000)


    })
    
</script>



<!-- <script>
    var time;
    var flag = true;
    $(".getCode").click(function get(){
        
        if(flag) {
            flag = false;
            time = 10;
            $('.getCode').html(`${time}s`);
            var a = setInterval(function(){
                if(time != 0) {            
                    time--;    
                    console.log(time)
                $('.getCode').html(`${time}s`);
                } else {
                    clearInterval(a);
                    $('.getCode').html('重新发送');
                    flag = true;
                }

            },1000)
        }

    })

</script> -->

</html>

 

©️2020 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值