jQuery toggleClass не всегда анимация

Question

Я пытаюсь использовать jQuery toggleClass для типа новостных тикеров, и он работает по большей части, но периодически он не анимируется.Вот код, который у меня есть:

 $(document).ready(function() { 

     // ...other jQuery code

     setInterval('$("#stat-slider").toggleClass("all-time", 1000);', 10000);

 }

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

Большое спасибо.

PS Бывает в FireFox и Internet Explorer 9

Answer 1

Я считаю, что это не работает правильно из-за числа, которое вы ввели в toggleClass.Попробуйте без номера, как это:

setInterval('$("#stat-slider").toggleClass("all-time");', 10000);

Надеюсь, это поможет.

Answer 2

Я бы лучше использовал функцию задержки ...

function bla(){
  $("#stat-slider").show().delay(10000).queue(function (){
     $(this).toggleClass("all-time", 1000).unqueue();
     bla();
  });

}