js与jQuery实现的用户注册协议倒计时功能实例【三种方法】

本文实例讲述了射流研究…与jQuery实现的用户注册协议倒计时功能。分享给大家供大家参考，具体如下：

方法一：

titlewww.jb51.net注册倒计时/title脚本类型='text/javascript' //用户有十秒钟的时间看协议，超过十秒钟，"同意"按钮将生效定义变量秒数=10;//计时器标识变量集间有效性函数ok(){ var getid=document。getelementbyid(' but ')；如果(秒=0) { getid.value='同意；getid.disabled=false//或者写成getid.disabled=启用getid控件。 //停止计时器clearInterval(setIntervalID)；} else { getid.value='请仔细阅读协议还剩下【'秒'】秒；}秒-;} setIntervalID=setInterval('ok()'，1000)；/script/headdytextarea cols=' 20 ' row=' 8 '/textarebr/-禁用='禁用'默认使服从表单是禁用的，也就是只读的，不能点击-输入类型='submit' id='但值='同意disabled=' disabled '/body/html运行效果：

方法二：

！DOCTYPE html html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；字符集=utf-8 '/titlewww.jb51.net注册倒计时/title脚本src=' http : jquery-1。7 .2 .量滴js '/脚本/头部身体形态动作='//www。JB 51。net/' method=' post ' name=' agree ' input type=' submit ' class=' button ' value=' name=' agreeb '/form/body/html脚本var secs=5；var si$(function () { $(').按钮')。attr('disabled '，' disabled ')；$('.按钮')。" val("请认真查看服务条款和声明("秒”)si=setInterval(a，1000)；})函数a() { $(' .按钮')。" val("请认真查看服务条款和声明('(secs-1)')')；if(secs==0){ clearInterval(si)；$('.按钮')。" val("我同意' ).移除attr(' disabled ')；}秒-;}/脚本运行效果：

方法三：

！DOCTYPE html html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；字符集=utf-8 '/titlewww.jb51.net注册倒计时/title/头部身体形态动作='//www。JB 51。net/'方法=' post ' name=' agree ' input type=' submit ' class=' button ' value='请认真查看服务条款和声明(30)' name=' agreeb '/form/body/html脚本var secs=30文件。阿格雷布。disabled=truefor(var I=1；i=秒；I){窗口。settimeout(' update(' I ')'，I * 1000)；}函数更新(num){ if(num==sec){ document。阿格雷布。值='我同意；文件。阿格雷布。disabled=false} else { var printnr=secs-num；文件。阿格雷布。值='请认真查看服务条款和声明(“prinnr”)；} }/脚本运行效果：

PS:这里再为大家推荐几款时间及日期相关工具供大家参考使用：

在线秒表工具：http://工具。JB 51。网/边民/苗彪

在线日期/天数计算器：http://工具。JB 51。net/jisuanqi/date _ jisuanqi

在线日期天数差计算器：http://工具。JB 51。net/jis uan qi/online datejsq

Unix操作系统操作系统时间戳（时间戳)转换工具：http://工具。JB 51。网络/代码/UNIX时间

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript时间与日期操作技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。