⊗jsPrSlTx 37 of 62 menu

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.

Deutsch
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Wir verwenden Cookies für den Betrieb der Website, Analyse und Personalisierung. Die Datenverarbeitung erfolgt gemäß der Datenschutzerklärung.
alle akzeptieren anpassen ablehnen