【JS实现】点击短信发送按钮后读秒效果

效果

实现

<body>
    <button>点击发送短信</button>
    <script>
        var btn = document.querySelector('button');
        var num = 5;
        btn.addEventListener('click', () => {
            btn.disabled = true;
            var timer = setInterval(() => {
                if (num == 0) {
                    // 清除定时器和释放按钮
                    clearInterval(timer);
                    btn.disabled = false;
                    btn.innerHTML = '发送';
                    num = 5;//这个3别忘记了,需要重新计数
                } else {
                    btn.innerHTML = '还剩' + num + '秒';
                    num--;
                }
            }, 1000);
        })
    </script>
</body>

 

 

本站部分文章资源来源于互联网,仅供学习交流,如若要商用,请购买正版!
若不听劝告,网友造成出现一切后果,与本站本人无关
本站有些资源未经测试,请注意网络安全,本站不对下载的资源造成的后果负责
免责声明
作者:昼白
转载请注明来源:https://www.zhoubaiwl.club/3246.htm
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录