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:

html<div id="slider"></div>

Die Texte für den Slider speichern wir in einem Array:

javascriptlet 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.