js使用setInterval实现倒计时

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家，也给大家做个参考。

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>  

以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。