js实现按钮倒计时
JS 2024-12-28
网页制作中经常会遇到需要倒计时的功能，比如按钮倒计时，在一定时间内按钮不可用，倒计时结束后，按钮才能按动。
在网上找了一些代码，很多都是按钮按下去之后开始倒计时，不是我想要的，经过一番研究，终于通过js代码，实现了按钮倒计时功能。
实现了打开网页时，按钮不可用，倒计时结束后按钮才可以用。
先看效果图：
倒计时结束后效果图：
具体实现代码如下：
1、先放一个按钮：
<button class="login-button" disabled="disabled" id="showTooltips" name="submit" type="submit">登陆<span id="countDown">(9)</span></button>
2、js实现按钮倒计时功能：
3、演示图片的完整网页代码如下，喜欢拿来主义的朋友下载：
在网上找了一些代码，很多都是按钮按下去之后开始倒计时，不是我想要的，经过一番研究，终于通过js代码，实现了按钮倒计时功能。
实现了打开网页时，按钮不可用，倒计时结束后按钮才可以用。
先看效果图：
倒计时结束后效果图：
具体实现代码如下：
1、先放一个按钮：
<button class="login-button" disabled="disabled" id="showTooltips" name="submit" type="submit">登陆<span id="countDown">(9)</span></button>
2、js实现按钮倒计时功能：
需要 会员 才能查看，微信扫码！
3、演示图片的完整网页代码如下，喜欢拿来主义的朋友下载：
需要 会员 才能查看，微信扫码！
下一篇：js验证邮箱地址准确性
