首頁 > web前端 > js教程 > js使用setInterval實作倒數計時

js使用setInterval實作倒數計時

大家讲道理
發布: 2016-11-10 13:22:01
原創
1282 人瀏覽過

利用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>
登入後複製


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板