通過超時啓動間隔

Question

我有這段代碼，最初開始間隔。然後按下按鈕，我希望停止/清除該間隔，等待X秒鐘，然後再次開始間隔。

此代碼啓動間隔和正常工作：

var timeout = undefined; 
var interval = setInterval(bgScroll, timeBetweenSwap); 

然後我想的時間間隔停止當我點擊該按鈕，讓它等待X秒，再次啓動（ofcourse再次按下按鈕應該重置秒的量）

$(document).on('click', '.bgscroller a', function(){ 
    clearInterval(interval); 
    clearTimeout(timeout); 

    var timeout = setTimeout(function(){ 
     var interval = setInterval(bgScroll, timeBetweenSwap); 
    }, delayAfterClick); 
}); 

現在，當我點擊按鈕幾次間隔變得瘋狂和堆積起來。我會建議它被清除......任何建議哦，我應該如何解決這個問題？

親切的問候， 納拉揚

Answer 1

總之，除去最後兩個var聲明。使它timeout =和interval =而不是var timeout =和var interval =。

您的代碼非常接近 - 它看起來像是最後幾行中的shadowingtimeout和interval變量。

這是說的不對位：

var timeout = setTimeout(function(){ 
    var interval = setInterval(bgScroll, timeBetweenSwap); 
}, delayAfterClick); 

它應該是這樣的（非常類似）：

timeout = setTimeout(function(){ 
    interval = setInterval(bgScroll, timeBetweenSwap); 
}, delayAfterClick); 

注意，我們刪除了var語句。這使用與上述類似的timeout和interval變量，而不是使新的變量碰巧具有相同的名稱。