Jquery Settimeout變量

Question

這是我的jquery代碼，我想運行1秒的定時器，每一秒木材更新div的內部文本到+1，顯示時間就像一個時鐘，但我想過期木材15秒後，我的意思是我不會在15秒後更新計時器。

var count = 0; 
var Update_Div = setInterval(function(){ 
    count++; 
    $("div").text(count); 
    },1000); 

    setTimeout(Update_Div, 15000); 

但15秒後，仍然更新時間，請幫我我如何解決它。 對不起，英語不好。我希望你通過看代碼就能理解。

Answer 1

這是因爲您沒有對setTimeout()做任何事情，除了傳遞間隔ID。

清除您的間隔時，你的超時達：

setTimeout(function(){ 
    clearInterval(Update_Div); 
}, 15000); 

---

雖然這依賴於我們的計時器同步工作互相它往往不是，將在差異毫秒。

你應該做的，而不是不使用setInterval，創造只setTimeout()一個使用遞歸函數：

function countTo(max, n){ 
    var n = n || 1; 
    setTimeout(function(){ 
     $('div').text(n); 
     if(n < max) countTo(max, n + 1); 
    }, 1000); 
} 

countTo(15); 

JSFiddle

Answer 2

var count = 0; 
var Update_Div = setInterval(function() { 
    count++; 
    console.log(count); 
    if (count == 15){ 
     clearInterval(Update_Div); 
} 
}, 1000);