js使用setInterval实现倒计时

2015/07/19 49644

清华大佬耗费三个月吐血整理的几百G的资源，免费分享！....>>>

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


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

JS： 
    <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>