JS实现button点击之后60秒后才可以再次点击-适用获取验证码发送短信等

最新推荐文章于 2022-10-24 14:42:38 发布

shadow_zed

最新推荐文章于 2022-10-24 14:42:38 发布

阅读量4.9k

点赞数 5

分类专栏： javascript 文章标签： js setTimeout

本文链接：https://blog.csdn.net/shadow_zed/article/details/88104936

版权

javascript 专栏收录该内容

83 篇文章 3 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
    <title>JS实现button点击之后60秒后才可以再次点击</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <style type="text/css">
    .cen {
     text-align: center
    }
    </style>
</head>
<body>
<div class="cen">
<button id='test'>免费获取验证码</button>
</div>
<script type="text/javascript">
   var waitTime = 60;
    document.getElementById("test").onclick = function() {
        time(this);
    }
    function time(ele) {
        if (waitTime == 0) {
            ele.disabled=false;
            ele.innerHTML = "免费获取验证码";
            waitTime = 60;// 恢复计时
        } else {
            ele.disabled=true;
            ele.innerHTML = waitTime + "秒后可以重新发送";
            waitTime--;
            setTimeout(function() {
                time(ele)// 关键处-定时循环调用
            }, 1000)
        }
    }
</script>
</body>
</html>

shadow_zed

关注

5
点赞
踩
17

收藏

觉得还不错? 一键收藏
2
评论
JS实现button点击之后60秒后才可以再次点击-适用获取验证码发送短信等

&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;JS实现button点击之后60秒后才可以再次点击&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="wid
复制链接

扫一扫