setInterval, неактивная вкладка в Firefox - PullRequest
1 голос
/ 11 ноября 2011
cyanBlick();
var intervalID;
intervalID = setInterval(cyanBlick, 7000);

function cyanBlick() {
    $(".anim").each( function(indx, element) {
        $(element).delay(indx * 1000).fadeIn(250).delay(500).fadeOut(250);
    });
}

У меня есть код для анимации элементов с классом .anim. Интервал 7сек. Но когда я оставляю страницу в неактивной вкладке и возвращаюсь через некоторое время, анимация не работает в неактивной вкладке. Я вижу хаотические исчезающие элементы. Можете ли вы сказать какое-нибудь решение этой проблемы?

UPDATE

http://jsfiddle.net/uNmks/

ссылка с анимацией

Ответы [ 2 ]

1 голос
/ 11 ноября 2011

Таймеры интервалов могут быть замедлены, задержаны или остановлены, когда окно вкладок не отображается в Firefox или Chrome. Одно из решений - остановить анимацию, когда окно больше не видно, и перезапустить его снова, когда оно станет видимым.

См. Мой предыдущий пост на эту тему для других идей обходного пути.

0 голосов
/ 12 ноября 2011

См. Второе примечание на http://api.jquery.com/animate/#notes-0

...