获取验证码倒计时--

最新推荐文章于 2024-05-13 08:00:00 发布

黎成诃月

最新推荐文章于 2024-05-13 08:00:00 发布

阅读量191

点赞数

分类专栏：前端-jquery

本文链接：https://blog.csdn.net/weixin_40292626/article/details/105651431

版权

前端-jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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>

黎成诃月

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取验证码倒计时--

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https:/...
复制链接

扫一扫