Rumah > hujung hadapan web > tutorial js > js使用setInterval实现倒计时

js使用setInterval实现倒计时

大家讲道理
Lepaskan: 2016-11-10 13:22:01
asal
1282 orang telah melayarinya

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


html:

<button id="code" class="btn btn-default" onclick="getCode();">获取校验码</button>
Salin selepas log masuk

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>
Salin selepas log masuk


sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan