интервал стека, когда я нахожусь на другом теге - Firefox

Question

Спасибо за чтение.

На моей домашней странице я создал скрипт, который перебирает список, создавая элементы списка, чтобы изменить их класс.

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

Как это остановить? : S

EDIT: Позвольте мне попытаться объяснить немного .. Когда класс элемента списка изменяется, там происходит некоторая анимация затухания. Каждые 9 секунд некоторые изображения и текст исчезают из-за этого.

Так что, если я нахожусь на другой вкладке Firefox, например, пишу здесь, и я возвращаюсь на вкладку моего Сайта, эта анимация начинает сходить с ума, как будто они ждут моего возвращения, и они происходят как каждые 0.1 секунд до тех пор, пока все те, кто ожидает финиша, возвращаются к нормальному изменению каждые 9 секунд.

Answer 1

Представлен Firefox setInterval зажима с 5.0. Я не знаю, является ли это причиной вашей проблемы в вашем коде анимации, попробуйте использовать .stop():

$("selector").stop(true,true).animate(...)

Answer 2

Вам, вероятно, нужно прочитать вторую заметку на http://api.jquery.com/animate/#notes-0

Answer 3

Как насчет использования setTimeout, а не setInterval.setInterval будет складываться, потому что код внутри setInterval вызывается каждый интервал.setTimeout с рекурсивным вызовом не будет складываться, потому что каждый последующий вызов требует завершения предыдущего.

function do_timeout() {
    /*do your timeout code*/
    setTimeout(function () {do_timeout();}, 1000);
}
$(document).ready(function () {
    do_timeout();
});