当页面/选项卡处于非活动状态时如何停止 setInterval 自动刷新？

Question

我有一个 javascript 来解析 twitter 提要并每 30 秒在我的页面的一个块中显示它们，代码是这样的：

var auto_refresh = setInterval(
function ()
    {
        //get twitter feeds
    });
}, 30000);

现在，如果用户最小化他的浏览器或切换到另一个选项卡（页面未激活），我想禁用此 auto_referesh clearInterval(auto_refresh);

谢谢你的帮助

Answer 1

这是答案：

有没有办法检测浏览器 window 当前是否处于活动状态？

Answer 2

您可能想查看

• 如何检测浏览器 window 是否聚焦？
• 确定网页是否有前景 window 焦点/是否处于活动状态？
• 如何判断浏览器/选项卡是否处于活动状态
• 是否可以判断用户是否最小化了我的页面或非活动选项卡？
• 有没有办法检测浏览器 window 当前是否处于活动状态？
• https://odondo.wordpress.com/2007/08/28/javascript-and-cross-browser-window-focus/

另请注意，Chrome 显然有一些优化，可以在标签不在焦点时减慢计时器的触发速度： 当标签在 Chrome 中处于非活动状态时，如何使 setInterval 也起作用？

Answer 3

这个答案很干净： https://stackoverflow.com/a/18677784/9027171

摘自infinito84的答案

 if(!document.hasFocus()){
       // The tab is not active
 }
    else{
       // The tab is active
 }