Как заставить setTimeout работать в фоновом режиме?

Question

[Александр Осадчий]

У меня есть js функция, которая срабатывает раз в 4-ре секунды:

const switcher = () => {
        try {
            if (!currentBlock) {
                currentBlock = firstAnimations;
                startAll(currentBlock);
            } else if (currentBlock === firstAnimations) {
                stopAll(currentBlock);
                currentBlock = secondAnimations;
                startAll(currentBlock);
            } else if (currentBlock === secondAnimations) {
                stopAll(currentBlock);
                currentBlock = thirdAnimations;
                startAll(currentBlock);
            } else if (currentBlock === thirdAnimations) {
                stopAll(currentBlock);
                currentBlock = fourthAnimations;
                startAll(currentBlock);
            } else if (currentBlock === fourthAnimations) {
                stopAll(currentBlock);
                currentBlock = fifthAnimations;
                startAll(currentBlock);
            } else if (currentBlock === fifthAnimations) {
                stopAll(currentBlock);
                currentBlock = firstAnimations;
                startAll(currentBlock);
            }
        } catch (e) {
            console.error(e);
            return;
        }
        setTimeout(switcher, 4000);
    };

    switcher();

Но я столкнулся с проблемой: если в браузере переключиться на другую вкладку, или же просто свернуть браузер - эта функция начинает давать сбой по времени (не стыкуется с другими функциями). В общем говоря, setTimeout не работает в фоне. Как это можно исправить?

Я вот какое-то решение нашел подобной проблемы - а вот как к свей функции это прикрутить - не знаю... И подходит ли оно?

Comments

[Eugene Chefranov]

Добиться таймингов при переключении вкладки нереально, на инициализацию и выполнения необходимо время. Или же если это не сайт, а например расширения для браузера, то можно.

[zkrvndm]

Подскажите, что делает ваша функция? Это же анимации? Зачем нужна анимация, если окно свернуто?

[Александр Осадчий]

Надим Закиров, у нас комплексный слайдер с набором анимаций написанный на GSAP - .. setTimeOut прикрутили для оптимизации

[zkrvndm]

Александр Осадчий, но зачем нужна анимации, если вкладка не фокусе или окно свернуто? Пользователь все равно ничего не видит! Ладно была бы это музыка, имело бы смысл заморочится, а так - точно нет. Просто ловите события blur/focus на окне и приостанавливайте / возобновляйте анимацию.

Answer 1

[Александр Осадчий]

Так, как это дело собрано у нас на GSAP - его же средствами и получилось решить проблему - вдруг кому-то так-же поможет:

Вместо:
setTimeout(switcher, 4000);

Я сделал это, и это помогло:

TweenLite.delayedCall (4, switchFunc);
        function switchFunc()
            {
                switcher();
            }

Answer 2

[Денис Инешин]

Хорошее обсуждение на тему:
https://stackoverflow.com/questions/6032429/chrome...