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

Question

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

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

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

感谢您的帮助

Answer 1

答案如下：

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

Answer 2

您可能想查看

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

另请注意，Chrome 显然有一些会减慢速度的优化当选项卡未处于焦点时触发计时器：我怎样才能设置setInterval Chrome 中的标签处于非活动状态时可以工作吗？

Answer 3

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

摘自<的答案a href="https://stackoverflow.com/users/2661609/infinito84">infinito84

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