⊗jsPrSlTx 37 of 62 menu

Slider de texto em JavaScript

Nesta seção, vamos nos dedicar à criação de sliders. Começaremos com os mais simples e aos poucos vamos aumentando a complexidade.

Para começar, vamos fazer um slider de texto. Este slider será uma div na qual o texto será alterado a cada segundo:

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

Vamos armazenar os textos para o slider em um array:

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

O algoritmo da solução será o seguinte: precisamos iniciar um timer que a cada segundo irá inserir em nossa div um novo elemento do array - primeiro o primeiro, depois o segundo, depois o terceiro, e então o primeiro novamente e assim por diante, em ciclo.

Implemente o slider descrito.

Português
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Nós usamos cookies para o funcionamento do site, análises e personalização. O processamento de dados é realizado de acordo com a Política de Privacidade.
aceitar todas configurar rejeitar