⊗jsPrSlTx 37 of 62 menu

Tekstslider i JavaScript

I dette afsnit vil vi beskæftige os med oprettelsen af slidere. Vi starter med de enkleste og gradvist gøre dem mere komplekse.

Til at starte med laver vi en tekstslider. Denne slider vil være en div, hvor teksten ændres hvert sekund:

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

Vi vil gemme teksterne til slideren i et array:

let texts = ['text1', 'text2', 'text3'];

Løsningsalgoritmen vil være som følger: vi skal starte en timer, som hvert sekund vil indsætte et nyt element fra vores array i vores div - først det første, derefter det andet, derefter det tredje, og derefter det første igen og så videre i en cirkel.

Implementer den beskrevne slider.

Dansk
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDeutschΕλληνικά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
Vi bruger cookies til webstedets funktion, analyse og personalisering. Behandling af data foregår i henhold til Fortrolighedspolitikken.
accepter alle tilpas afvis