js jquery 实现点击按钮后,倒计时60秒才能再次点击发送验证码

Posted 2020-07-01

 1 <input type="button" id="btn" value="免费获取验证码" />
 2 <script type="text/javascript">
 3 var wait=60;
 4 function time(o) {
 5 if (wait == 0) {
 6 o.removeAttribute("disabled");    
 7 o.value="免费获取验证码";
 8 wait = 60;
 9 } else {
10 o.setAttribute("disabled", true);
11 o.value="重新发送(" + wait + ")";
12 wait--;
13 setTimeout(function() {
14 time(o)
15 },
16 1000)
17 }
18 }
19 document.getElementById("btn").onclick=function(){time(this);}
20 </script>