Liste durchlaufen und Klasse durch Timer hinzufügen - Jquery, HTML, Karussell

Ich habe ein kleines Problem, ich versuche eine Art Karussell zu erstellen, aber etwas anders. Ich benutze JQuery, aber im Moment habe ich Mühe, den Code zu finden. Bisher habe ich eine Liste:

<ul>
<li>
1
</li>
<li>
2
</li>
<li>
3
</li>
</ul>

Was ich tun möchte, ist eine Schleife zu erstellen, also fügen Sie einaktive Klasse zum ersten Element in der Liste und alle 20 Sekunden vom ersten Element entfernen und dann die aktive Klasse zum nächsten hinzufügen. Wobei diese Schleife dann zum ersten Element zurückgeht, nachdem sie das letzte Element erreicht hat, falls dies sinnvoll ist.

Bisher kann ich die Elemente in der Liste mit dieser Abfrage identifizieren, aber wird die Schleifenfunktion hier ausgeführt:

$( "ul li" ).each(function( index ) {
console.log( index + ": " + $( this ).text() );
});

Antworten:

Hat herausgefunden, ob jemand anderes dieses Problem hat

var list = setInterval( function () {
$( "ul li" ).removeClass("active");
$("ul li" ).eq(current).addClass("active");
current++;
if(current >= x) {
current = 0;
}
}, 14000);