代码如下

<body>
    <input type="number"> <button>发送</button>
    <script>
        var btn = document.querySelector('button');
        btn.addEventListener('click', function() {
            btn.disabled = true;
            var timer = 60;
            var timerr = setInterval(function() {
                if (timer == 0) {
                    btn.disabled = false;
                    btn.innerHTML = '发送';
                    clearInterval(timerr);
                } else {
                    timer--;
                    btn.innerHTML = '还剩' + timer + '秒';
                }
            }, 1000)
        })
    </script>
</body>

效果如下

方便演示设置为3秒

Document

文章版权归作者所有，未经允许请勿转载。

THE END

JavaScript
# 倒计时

模拟短信发送按钮

代码如下

效果如下