關於setInterval設置倒計時只執行一次,clearInterval停止


使用setInterval方法實現如圖倒計時,但實際運行只運行了一遍

源代碼如下:

var s = setInterval(time,1000);
var  n = 10;
function time(){
     //繳費按鈕不可用倒計時
	if(num>0){
		num--;
                //修改按鈕顯示文本
	        $("#zhuce11").text("確認繳費("+n+")");
	} else {
		$("#zhuce11").text("確認繳費");
		//設置繳費按鈕可用
		$("#zhuce11").attr('disabled',false);
		$("#zhuce11").css('background-color', '#f9313a');
		clearInterval(s);
	}    
}    

  網上搜的方法都是將setInterval("time()",1000)修改為setInterval(time,1000)

       但修改后並不管用

       於是我試着把兩個方法寫在一塊,成功,代碼如下:

var n = 10; var s = setInterval(function(){ //繳費按鈕不可用倒計時
    if(n > 0){ n--; $("#zhuce11").text("確認繳費("+n+")"); } else { $("#zhuce11").text("確認繳費"); //修改繳費按鈕可用
        $("#zhuce11").attr('disabled',false); $("#zhuce11").css('background-color', '#f9313a'); clearInterval(s); } }, 1000);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM