Функция setInterval не всегда работает должным образом ⇐ Jquery

[Anonymous]

Итак, я попытался сделать анимированный баннер (содержащий два изображения — #baner1 и #baner2. Когда одно исчезает, второе появляется). В большинстве случаев он работает правильно, но иногда изображения быстро меняются (например, через секунду друг за другом, несмотря на то, что таймер составляет 12000 миллисекунд). Есть идеи, что является причиной этого?

Мой код:

Код: Выделить всё

setInterval(()=>{
$('#baner1').fadeOut(2000);
$('#baner2').fadeIn(2000);
},12000)

setInterval(()=>{
$('#baner1').fadeIn(2000);
$('#baner2').fadeOut(2000);
},24000)

Кроме того, это (насколько мне известно) мой единственный код, влияющий на эти изображения.
Заранее спасибо за помощь.

Подробнее здесь: https://stackoverflow.com/questions/609 ... s-intended