js代码实现点击按钮出现60秒倒计时

比如，一些网站上的手机短信认证的功能，有类似实现点击按钮后，倒计时60秒才能再次点击发送的效果。

此例子用爪哇岛描述语言实现点击按钮后，倒计时60秒才能再次点击发送验证码的功能。

例子1:Javascript实现点击按钮倒计时60秒方可再次点击发送的效果

输入类型='button' id='btn' value='免费获取验证码/script type=' text/JavaScript ' var wait=60；函数时间(o){ if(wait==0){ o .移除属性(' disabled ')；o.value='免费获取验证码；wait=60 } else { o . SetAttribute(' disabled '，true)；o.value='重新发送("等待");等等；setTimeout(function() { time(o) }，1000)} }文档。getelementbyid(' BTN ').onclick=function(){ time(this)；}/脚本例子2:点击按钮出现60秒倒计时射流研究…代码

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'/title无标题文档/title脚本类型=' text/JAVAScript ' src=' http : js/jquery。js '/脚本/头体输入类型='button' id='btn' value='免费获取验证码onclick=' settime(this)'/script type=' text/JavaScript ' var倒计时=60;函数settime(val) { if(倒计时==0){ val。移除属性(“已禁用”)；val.value='免费获取验证码；倒计时=60;} else { val。SetAttribute(' disabled '，true)；val.value='重新发送("倒计时");倒计时-;} setTimeout(function(){ settime(val)}，1000) } /script /body /html例子3:点击按钮后，60秒倒计时后才能继续可以点击，按钮上还能显示倒计时

预想的效果图：

这是微信公众平台上的代码

函数E() {var e=$('#mobile ')，t=(新日期)。getTime()，n=数学。楼层((t-b)/1e 3)；g clearTimeout(g)，n=60？(e.prop('readonly '，1)、y=！0，$(“# send mobile”).html(")发送验证码').attr('disabled '，1).移除CLaSS(' BTN _ disabled '):(例如prop(' readonly '，0)，y=！1，$('#sendmobile ').attr('disabled '，0).addClass('btn_disabled ').html("% s秒后可重发sprintf(60 - n))，g=setTimeout(E，1e 3))；}函数s(){ 0函数e() {if(！y)返回；var e=$ .trim(n . val())；l.mobile(e)？t.attr('disabled '，1).删除CLaSS(' BTN _ disabled '):t。attr(' disabled '，0).add class(' BTN _ disabled ')；}var t=$('#sendmobile ')，n=$(' # mobile ')；n.keyup(e).模糊(e)，e()，t . click(function(){ var e；t.attr('禁用')!=='disabled' (e=' 86' $ .修剪（新日期)。getTime()，E()，o.post({url: w？/CGI-bin/formby键' : '/acct/formbyticket '，data: {form: 'mobile '，action: 'set '，f: 'json '，mobile: e}，mask:1},函数(e){ var t=e . base resp。retif (t==0) u.suc('验证码已经发送');else { switch(t){ case-13: u . err('登录超时，请重新登录');打破；case -35:u.err('该手机已经登记过2次，请使用别的手机号进行用户信息登记');打破；default:u.err('验证码发送失败');} b=0；}}));});}这段代码小编就是不知道怎么才能调用到自己的代码上来，经过高人指点有了一些头寻。

高人的解题思路：如果严格的话，这个还要结合后台获取时间的，要不然别人刷新一下就行了。如果不严格，用个甜饼干也可以。

脚本src=' http :http://lib。新浪app。com/js/jquery/1。7 .2/jquery。量滴js '/script script src=' http :3358 Yukon 12345。com/Yukon 12345。com/js/jquery。饼干。js '/脚本脚本时间1=$ .cookie(' time 1 ')| | 60；时间2=$ .cookie(' time 2 ')| | 60；dis1=$ .cookie('dis1') dis2=$ .cookie('dis2 ')函数倒计时($ obj){ var time；if($ obj。attr(' id ')==' B1 '){ time=-time 1；$.cookie('time1 '，time，{ ' expires ' :1 })；if(time=0){ time 1=60；$obj[0].已禁用=!$obj[0].已禁用clearInterval(inter1) $obj.text('点击发送') $.cookie('dis1 '，' ')return } } if($ obj。attr(' id ')==' B2 '){ time=-time 2；$.cookie('time2 '，time，{ ' expires ' :1 })；if(time=0){ time 1=60；$obj[0].已禁用=!$obj[0].已禁用clearInterval(inter2) $obj.text('点击发送') $.cookie('dis2 '，'')返回} } $obj.text(时间)秒后重新发送)} $(function(){ if(dis 1=' dis '){ $(' # B1 '[0]).disabled=' disabled ' inter 1=setInterval(function(){ 0倒计时($(' # B1 ')}，1000)} if(dis 2=' dis '){ $(' # B2 ')[0].disabled=' disabled ' inter 2=setInterval(function(){ 0倒计时($(' # B2 ')}，1000) }$(').cd ' .bind('click '，function(){ $ this=$(this)；//没有被禁用时禁用并执行倒计时if(！$这个[0].已禁用){ $this[0].disabled=' disable if($ this . attr(' id ')==' B1 '){ $ .cookie('dis1 '，' dis '，{ ' expires ' :1 })inter 1=setInterval(function(){ 0倒计时($this)}，1000)} if($ this。attr(' id ')==' B2 '){ $ .cookie('dis2 '，' dis '，{ ' expires ' :1 })inter 2=setInterval(function(){ 0倒计时($this)}，1000)} })})/脚本按钮id=' B1 ' class=' CD '点击发送/button brbutton id=' B2 ' class='光盘'点击发送/buttonbr大家通过这三个例子讲解有没有点思路了，那就动手实现一下吧，希望对大家学习爪哇岛描述语言程序设计有所帮助。