js倒计时详解编程语言

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

html：

[html]
view plain
 copy

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

JS：

[javascript]
view plain
 copy

    
   
     
 <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>  
转自blog.ytso.com/article/details/45849669

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

js倒计时详解编程语言

相关推荐

发表回复