Text-Slider in JavaScript
In diesem Abschnitt beschäftigen wir uns mit der Erstellung von Slidern. Wir beginnen mit den einfachsten und werden sie schrittweise komplexer gestalten.
Zunächst erstellen wir einen Text-Slider. Dieser Slider wird ein Div sein, in dem sich jede Sekunde der Text ändert:
<div id="slider"></div>
Die Texte für den Slider speichern wir in einem Array:
let texts = ['text1', 'text2', 'text3'];
Der Lösungsalgorithmus wird wie folgt sein: Wir müssen einen Timer starten, der jede Sekunde ein neues Element aus unserem Array in unser Div einfügt - zuerst das erste, dann das zweite, dann das dritte, und dann wieder das erste und so weiter im Kreis.
Implementieren Sie den beschriebenen Slider.