js倒计时

最新推荐文章于 2019-06-19 13:58:33 发布

IT_Debug

最新推荐文章于 2019-06-19 13:58:33 发布

阅读量253

点赞数

分类专栏： JavaScript 文章标签： JS setInterval 倒计时

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

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

html：

[html]view plaincopy 
   
 <button id="code" class="btn btn-default" onclick="getCode();">获取校验码</button>  

JS：

[javascript]view plaincopy 
   
 <script type="text/javascript">  
     var i;  
     function getCode(){  
         $("#code").attr({"disabled":"disabled"});  
         i = self.setInterval("countdown()", 1000);  
     }  
   
     var int = 10  
     function countdown() {  
         document.getElementById("code").innerHTML = int + "秒后重新发送";  
         int--;  
         if(int<0){  
             i=window.clearInterval(i)//结束  
             int = 10; //重新赋值  
             $("#code").removeAttr("disabled").html("重新获取校验码");//将按钮可用  
         }  
     }  
       
 </script>  
转自http://blog.youkuaiyun.com/itmyhome1990/article/details/45849669