Как остановить автоматическое обновление setInterval, когда страница / вкладка неактивна?

Question

У меня есть JavaScript для разбора твиттер-фидов и показа их в блоке на моей странице каждые 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

Выдержка из ответа infinito84

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