js使用setInterval实现倒计时

利用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>  

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。