setInterval在单独的选项卡中排队时排队

Question

当页面不是视图中的主要标签时，如何阻止Javascript从setInterval排队动画？我已经尝试清除文档模糊的间隔，但没有运气。

Answer 1

您是否尝试过使用window.onblur和window.onfocus？

他们应该点上戏法

Answer 2

在现代浏览器中，您不必关心这一点，因为如果选项卡位于后台，浏览器会自动将间隔增加到1秒。参考Firefox。

Answer 3

正如马丁所说。

使用window.onblur和window.onfocus暂停/取消暂停setinterval或至少其中的内容。

例如。

使用window.onblur设置var away = true;

然后在setinterval中以这种方式放置if(!away){...your code here...}，当间隔过去时，动画将不会被触发。

修改

请记住还要window.onfocus设置var away = false;