Как проверить, есть ли эта страница на активной странице на открытых вкладках в php

Question

В инстаграм, когда вы открываете и просматриваете чью-то историю, у нее есть тайм-аут до тех пор, пока вы не перейдете к следующей истории, но при смене вкладки браузера она останавливается, а когда вы возвращаетесь, она переходит с того места, где вы покинули страницу.извините за мой плохой английский, я надеюсь, что вы получили его.

Так как я могу сделать это в php, я хочу остановить обратный отсчет, когда пользователь покидает вкладку.

Answer 1

Вот пример того, как синхронизировать анимацию при изменении вкладки браузера .

Вы можете использовать тот же подход, чтобы приостановить / возобновить время ожидания истории, когда текущая вкладка браузерав / активно с использованием API видимости HTML 5, например:

var vis = (function(){
var stateKey, 
    eventKey, 
    keys = {
            hidden: "visibilitychange",
            webkitHidden: "webkitvisibilitychange",
            mozHidden: "mozvisibilitychange",
            msHidden: "msvisibilitychange"
};
for (stateKey in keys) {
    if (stateKey in document) {
        eventKey = keys[stateKey];
        break;
    }
}
return function(c) {
    if (c) document.addEventListener(eventKey, c);
    return !document[stateKey];
}})();

Предварительный просмотр на codepen: https://codepen.io/jonathan/pen/sxgJl

Answer 2

Вы можете использовать следующую функцию, чтобы получить, когда пользователь уходит

$(window).blur(function(e) {
    // What to do when user leaves
});

И затем эту другую, чтобы получить, когда пользователь возвращает

$(window).focus(function(e) {
    // What to do when user comes back
});

Используйте ее на ready, потому чтоон автоматически активирует функцию focus и может выдавать ошибки, если DOM еще не загружен.Также не забудьте подготовить его, чтобы не делать ничего, что вы делаете в фокусе в первый раз, за ​​исключением того, что это не проблема.