当我的页面不活动时如何停止 jquery 动画答案

【问题标题】：how to stop jquery animation when my page is not active当我的页面不活动时如何停止 jquery 动画
【发布时间】：2012-03-03 23:31:13
【问题描述】：

当我在浏览器中打开新标签时，我想停止我的 jquery 动画。每次当我离开我的页面一段时间后我又回来时，我的 jquery 滑块会发疯，它会像疯了一样改变幻灯片，因为我没有停止它。你有什么解决办法吗？

【问题讨论】：

【解决方案1】：

在 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
});

【讨论】：

【解决方案2】：

我在某处读到过这方面的内容，它被称为动画队列构建。在打开新标签时不要尝试停止动画，而是在开始动画之前输入stop()。

这将确保之前的动画在继续之前被杀死......

例如：

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

希望这会有所帮助...

【讨论】：

当 "...我回来一段时间后，我的 jquery 滑块发疯了..." 时，以这种方式使用 stop 如何帮助他？ @ user794596，我很高兴您很高兴，但是您的问题的编写方式尚不清楚该答案如何解决任何问题。请更新您的问题，以便此答案更有意义。