⊗jsPrSlTx 37 of 62 menu

Slider tekstu w JavaScript

W tej sekcji zajmiemy się tworzeniem sliderów. Zacznijmy od najprostszych i stopniowo zwiększajmy złożoność.

Na początek zróbmy slider tekstu. Ten slider będzie divem, w którym co sekundę będzie zmieniał się tekst:

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

Teksty dla slidera będziemy przechowywać w tablicy:

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

Algorytm rozwiązania będzie następujący: należy uruchomić timer, który co sekundę będzie wstawiał do naszego diva nowy element tablicy - najpierw pierwszy, potem drugi, potem trzeci, a potem znowu pierwszy i tak dalej w kółko.

Zaimplementuj opisany slider.

Polski
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Wykorzystujemy pliki cookie do działania strony, analizy i personalizacji. Przetwarzanie danych odbywa się zgodnie z Polityką prywatności.
zaakceptuj wszystkie dostosuj odrzuć