jquery 点击按钮后,倒计时60秒才能再次点击发送

本文章来给大家介绍关于jquery 点击按钮后,倒计时60秒才能再次点击发送 效果，有需要了解的同学可进入参考参考。

例

代码如下

复制代码

<input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascript"> var wait=60; function time(o) {         if (wait == 0) {             o.removeAttribute("disabled");                         o.value="免费获取验证码";             wait = 60;         } else {             o.setAttribute("disabled", true);             o.value="重新发送(" + wait + ")";             wait--;             setTimeout(function() {                 time(o)             },             1000)         }     } document.getElementById("btn").οnclick=function(){time(this);} </script>

或者这样写

代码如下

复制代码

<input type="button" id="btn" value="免费获取验证码" οnclick="settime(this)" />  <script type="text/javascript">  var countdown=60;  function settime(val) {  if (countdown == 0) {  val.removeAttribute("disabled");  val.value="免费获取验证码";  countdown = 60;  } else {  val.setAttribute("disabled", true);  val.value="重新发送(" + countdown + ")";  countdown--;  }  setTimeout(function() {  settime(val)  },1000)  }  </script>

有需要js倒计时的朋友也可参考

代码如下	复制代码
<script> i=9 function change() { i--; p.value="同意"+i if(i==0) { p.disabled=false} else setTimeout("change()",1000) } window.οnlοad=change; </script> <input type=button name=p disabled></font> <a href="http://www.php230.com/">进入111cn</a>