js实现n秒倒计时后才可以点击的效果
在我们进行注册用户时经常遇到点击按钮后，60秒倒计时后才能继续可以点击，按钮上还能显示倒计时，这60秒时间就是为大家提供”细阅读协议“做准备的，这种功能是如何实现的，下面为大家分享详细代码。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>倒计时然后才可以点击效果代码</title> <script type="text/javascript"> var s=4; function countsub() { var btnReg=document.getElementById("btnReg"); if(btnReg) { if(s<=0) { btnReg.value="同意"; btnReg.disabled=false; clearInterval(id); } else { btnReg.value="请仔细阅读协议(还剩"+s+"秒)"; s--; } } } var id = setInterval('countsub()',1000) </script> </head> <body> <textarea>注册协议</textarea> <input id="btnReg" type="button" value="同意" disabled="true" /> </body> </html>
希望本文所述对大家学习javascript程序设计有所帮助。
-
本文向大家介绍JS实现秒杀倒计时特效，包括了JS实现秒杀倒计时特效的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了JS实现秒杀倒计时特效的具体代码，供大家参考，具体内容如下 知识点 添加一个定时器，对时间标签不断进行更新设置即可。 引入工具库工具库 运行效果 代码 引入MyTool.js 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍js实现点击获取验证码倒计时效果，包括了js实现点击获取验证码倒计时效果的使用技巧和注意事项，需要的朋友参考一下 网站中为了防止恶意获取验证短信、验证邮箱，都会在点击获取验证码的按钮上做个倒计时的效果。实现这个功能，一个setInterval和一个clearInterval就能搞定了，不需要太多的代码。实例效果和代码如下： 更多关于倒计时的文章请查看专题：《倒计时功能》 利用setI
-
本文向大家介绍js实现新年倒计时效果，包括了js实现新年倒计时效果的使用技巧和注意事项，需要的朋友参考一下 一年又一年，新年又快到了，最近大家又开始抢回家过年的车票了，我们就来算一算离新年还有多少天，总结总结在即将过去的2015年大家都收获了什么？ 本文实例讲述了js实现新年倒计时效果代码。分享给大家供大家参考。具体如下： 运行效果图： 具体代码： 希望本文所述对大家学习javascript程序设
-
本文向大家介绍JS倒计时实例_天时分秒，包括了JS倒计时实例_天时分秒的使用技巧和注意事项，需要的朋友参考一下 HTML代码： JavaScript代码： 以上这篇JS倒计时实例_天时分秒就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍js实现京东秒杀倒计时功能，包括了js实现京东秒杀倒计时功能的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js实现京东秒杀倒计时功能的具体代码，供大家参考，具体内容如下 首先给大家看看效果图，因为是做的移动端的，所以放大给大家看看局部就行： 关于实现京东秒杀，之前用过其他的方法，今天给大家分享一个原生的方法吧，不会很难. 1、倒计时页面结构： 2、css样式：这个是用
-
本文向大家介绍javascript实现倒计时N秒后网页自动跳转代码，包括了javascript实现倒计时N秒后网页自动跳转代码的使用技巧和注意事项，需要的朋友参考一下 代码很简单，却很实用，小伙伴们根据自己的需求放到自己项目中吧。