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

昼白 • 2021-08-29 • CSS/HTML/JavaScript • 286 阅读

效果

实现

<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.2bcnm.com/3246.htm
THE END
分享
二维码
打赏
海报
【JS实现】点击短信发送按钮后读秒效果
效果 实现 <body> <button>点击发送短信</button> <script> var btn = document.querySelector('button'); ……
<<上一篇
下一篇>>
文章目录
关闭
目 录