如何停止我的頁面不活動時的jquery動畫

Question

我想在瀏覽器中打開新的選項卡時停止我的jQuery動畫。每當我離開我的頁面一段時間後，我回來一段時間後，我的jQuery滑塊變得瘋狂，它改變幻燈片像瘋了一樣，因爲我沒有阻止它。你有一些解決方案嗎？

Answer 1

我讀了一些關於這個，它叫做動畫隊列積累。開始新標籤時不要試圖停止動畫，而應在開始動畫之前放入stop()。

這將確保以前的動畫，然後再繼續殺....

例如：

$('.some-selector').stop().slideUp(); 

希望這有助於...

Answer 2

在JavaScript：

window.addEventListener('focus', function() { 
    // code to start 
}); 
window.addEventListener('blur', function() { 
    // code to stop 
}); 

jQUery：

$(window).bind('focus', function() { 
    // code to start 
}); 
$(window).bind('blur', function() { 
    // code to stop 
});