js使用setInterval實現倒計時

mmntt 9年前發布 | 2K 次閱讀 JavaScript

利用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>  </pre>
 本文由用戶 mmntt 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！