如何停止我的页面不活动时的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 
});