Javascript 在浏览器处于单独选项卡时设置间隔排队

Javascript 在浏览器处于单独选项卡时设置间隔排队,javascript,Javascript,当页面不是视图中的主选项卡时,如何阻止Javascript从setInterval排队观看动画?我已尝试清除文档模糊的间隔,但没有成功。您是否尝试过使用window.onblur和window.onfocus 在现代浏览器中,你不必在意这一点,因为如果标签在后台,浏览器会自动将间隔增加到1秒。参考马丁所述的。 使用window.onblur和window.onfocus暂停/取消暂停setinterval或至少暂停其中的内容 比如说 使用window.onblur设置var away=true

当页面不是视图中的主选项卡时,如何阻止Javascript从setInterval排队观看动画?我已尝试清除文档模糊的间隔,但没有成功。

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


在现代浏览器中,你不必在意这一点,因为如果标签在后台,浏览器会自动将间隔增加到1秒。参考马丁所述的。

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

比如说

使用
window.onblur
设置
var away=true

然后在
setinterval
中放置一个
如果(!away){…你的代码在这里…}
这样,当间隔过去时,动画不会被触发

编辑


记住,还应设置
window.onfocus
设置
var away=false

看看另一个SO问题:这意味着
document.onblur()
可能是您的答案。我无法让它工作。。我有window.onblur=clearAnim;函数clearAnim(){var away=true;}好的,请在问题中发布您的Javascript,特别是带有setinterval的部分,然后我将从中帮助您它在document.onblur中工作得足够好。。。在你返回页面的第一秒钟,它看起来有点马虎,但随后它就完全停止了-在Chrome中-实际上没有,我现在对此有问题。。不管怎样,它都在停止。apexmarketingconcepts.com-沿vimeo iFrame一侧的标题动画检查编辑。请记住,当用户回来时,您还必须对其进行更改。