js实现倒计时按钮示例

本文展示了js实现的倒计时按钮。分享给大家参考。具体分析如下：

效果图如下：

具体代码如下：

span style=' font-size : 14px；'输入type=' button '值=' ok ' id=' rule submit '/scripttypescripttype=' text/JAVAScript ' varsecs=3；var wait=秒* 1000；Varupdate=function (num，value){ if(num==(wait/1000)){ $(' # rule submit ')。val('自由访问')；} else { printnr=(wait/1000)-num；$('#rulesubmit ')。val('自由访问(' prinnr ')')；} };var timer=function(){ $(' # rule submit ')。attr('disabled '，false)；$('#rulesubmit ')。val('自由访问')；};$(function(){(function(){ function get validate code(){ $(' # rule submit '))。val('自由访问(' secs '))；$('#rulesubmit ')。attr('disabled '，true)；for(I=1；i=秒；I){ window . settimeout(' update(' I ')'，I * 1000)；} window.setTimeout('timer()'，wait)；} $('#rulesubmit ')。单击(function(){ getValidateCode()；});})();//注意在这里测试的时候我把它改成了匿名函数。其实我可以实现//getValidateCode()作为一个单独的函数，点击$(function(){//处的按钮执行该函数，也就是上面代码的蓝色部分；});});/script/span这只是一个小例子。在实践中，可能需要记录各种时间。考虑到页面刷新的变化，需要使用cookie来存储数据等等！

希望这篇文章对你的javascript编程有所帮助。