js实现n秒倒计时后才可以点击的效果
2015-12-20 00:00
916 查看
在我们进行注册用户时经常遇到点击按钮后,60秒倒计时后才能继续可以点击,按钮上还能显示倒计时,这60秒时间就是为大家提供”细阅读协议“做准备的,这种功能是如何实现的,下面为大家分享详细代码。
希望本文所述对大家学习javascript程序设计有所帮助。
js代码实现点击按钮出现60秒倒计时
js倒计时简单实现方法
js实现新年倒计时效果
js实现的奥运倒计时时钟效果代码
JS实现的仿淘宝交易倒计时效果
javascript电商网站抢购倒计时效果实现
javascript倒计时效果实现
js实现点击获取验证码倒计时效果
JS实现的倒计时效果实例(2则实例)
<!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代码实现点击按钮出现60秒倒计时
js倒计时简单实现方法
js实现新年倒计时效果
js实现的奥运倒计时时钟效果代码
JS实现的仿淘宝交易倒计时效果
javascript电商网站抢购倒计时效果实现
javascript倒计时效果实现
js实现点击获取验证码倒计时效果
JS实现的倒计时效果实例(2则实例)
相关文章推荐
- 原生js页面滚动延迟加载图片
- 基于JavaScript实现动态创建表格和增加表格行数
- js实现无缝滚动特效
- js代码实现点击按钮出现60秒倒计时
- JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
- JSON语法
- 关于JS闭包一篇不错的文章记录下
- javascript笔记
- javascript提醒
- 转: javascript实现全国城市三级联动菜单代码
- [转]js中confirm实现执行操作前弹出确认框的方法
- C#_使用LitJson解析Json
- Javascript异步数据的同步处理方法
- (转)javascript日期格式化扩展
- Javascript生成GUID
- JavaScript函数的四种调用模式
- form表单提交无页面刷新(非js)
- leetcode (1) Two Sum js代码实现
- JavaScript 风格指导(Airbnb版)
- 轻松学习JavaScript二十二:DOM编程学习之节点操作