js倒计时详解编程语言

利用setInterval制作简单的js倒计时,点击按钮将触发定时器且按钮不可用


html:

[html] 
view plain
 copy

  1. <button id=“code” class=“btn btn-default” onclick=“getCode();”>获取校验码</button>  



JS:

[javascript] 
view plain
 copy

 
在CODE上查看代码片
派生到我的代码片

  1. <script type=“text/javascript”>  
  2.     var i;  
  3.     function getCode(){  
  4.         $(“#code”).attr({“disabled”:“disabled”});  
  5.         i = self.setInterval(“countdown()”, 1000);  
  6.     }  
  7.   
  8.     var int = 10  
  9.     function countdown() {  
  10.         document.getElementById(“code”).innerHTML = int + “秒后重新发送”;  
  11.         int–;  
  12.         if(int<0){  
  13.             i=window.clearInterval(i)//结束  
  14.             int = 10; //重新赋值  
  15.             $(“#code”).removeAttr(“disabled”).html(“重新获取校验码”);//将按钮可用  
  16.         }  
  17.     }  
  18.       
  19. </script>  
  20. 转自blog.ytso.com/article/details/45849669

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/11218.html

(0)
上一篇 2021年7月19日 10:48
下一篇 2021年7月19日 10:48

相关推荐

发表回复

登录后才能评论