更改方向時無法清除時間間隔或超時

Question

我有一個使用SwipeJS構建的圖像旋轉木馬，在從縱向 - >橫向或橫向 - >縱向更改方向時，我會銷燬並重建。

我有一個問題，我似乎無法用下面的代碼清除間隔/超時。正如我所看到的那樣，console.log(now)從每5秒被調用一次（如預期）到每2.5秒被調用一次。大概這是因爲最初的setInterval功能仍然有效。

我該如何清除/殺死它，以便在任何時候只有一個間隔工作？

我正在使用jQuery Mobile 1.3.1。

if ($.event.special.orientationchange.orientation() === 'portrait') { 
    // Portrait mode 

    clearTimeout(slideshowHandle); 

    // ...trash the old slider, then build a new one... 
} else { 
    // Landscape mode 

    clearTimeout(slideshowHandle); 

    // ...trash the old slider, then build a new one... 
} 

// call the SwipeJS next method every 5 seconds to move to the next slide in the carousel 
var slideshowHandle = setInterval(function() { 

    // just some code for debugging purposes 
    var now = new Date(), 
    now = now.getHours()+':'+now.getMinutes()+':'+now.getSeconds(); 
    console.log(now); 

    // trigger a swipe 'next' 
    container.Swipe('next'); 

}, 5000); 

Answer 1

我必須有一個範圍問題，因爲它連接到window做的伎倆（也變回clearInterval） ：

// clear the interval on the slideshow 'next' (if we have it) when changing orientation 
if (window.slideshowHandle) { 
    window.clearInterval(window.slideshowHandle); 
} 

// call the SwipeJS next method every 5 seconds to move to the next slide in the carousel 
window.slideshowHandle = window.setInterval(function() { 
    swipeContainer.Swipe('next'); 
}, 5000); 

Answer 2

您應該使用clearInterval(slideshowHandle)代替clearTimout

檢查這個參考https://developer.mozilla.org/en-US/docs/Web/API/Window.clearInterval