js-获取验证码

最新推荐文章于 2024-07-12 14:34:55 发布

alo_ne

最新推荐文章于 2024-07-12 14:34:55 发布

阅读量240

点赞数

分类专栏： js-案例

本文链接：https://blog.csdn.net/alo_ne/article/details/106844432

版权

js-案例专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<body>
    <button>发送</button>
    <span></span>
    <script>
        var btn = document.querySelector("button");
        var spn = document.querySelector("span");
        var num = 6;
        var ca = null;
        btn.onclick = function () {
            spn.innerHTML = `5秒之后获取验证码`
            btn.disabled = true
            ca = setInterval(() => {
                num--
                spn.innerHTML = `${num}秒之后获取验证码`
                if (num < 0) {
                    clearInterval(ca)
                    btn.disabled = false;
                    spn.innerHTML = `重获验证码`
                    num = 6;
                }

            }, 1000);
        }

    </script>
</body>