Die Funktion „setInterval“ funktioniert nicht immer wie vorgesehen ⇐ Jquery

[Guest]

Also habe ich versucht, ein animiertes Banner zu erstellen (das zwei Bilder enthält: #baner1 und #baner2. Wenn eines ausgeblendet wird, wird das zweite eingeblendet). Meistens funktioniert es einwandfrei, aber manchmal ändern sich diese Bilder schnell (z. B. eine Sekunde nacheinander, obwohl der Timer 12.000 Millisekunden beträgt). Irgendeine Idee, was es verursacht?

Mein Code:

Code: Select all

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

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

Außerdem ist es (soweit ich weiß) mein einziger Code, der sich auf diese Bilder auswirkt.
Vielen Dank im Voraus für Hilfe.