⊗jsPrSlTx 37 of 62 menu

Control deslizante de texto en JavaScript

En esta sección nos ocuparemos de la creación de controles deslizantes. Comenzaremos con los más simples y gradualmente los complicaremos.

Para empezar, hagamos un control deslizante de texto. Este control deslizante será un div en el cual cada segundo cambiará el texto:

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

Almacenaremos los textos para el control deslizante en un array:

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

El algoritmo de la solución será el siguiente: necesitamos iniciar un temporizador que cada segundo insertará en nuestro div un nuevo elemento del array - primero el primero, luego el segundo, luego el tercero, y luego nuevamente el primero y así sucesivamente en círculo.

Implemente el control deslizante descrito.

Español
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Usamos cookies para el funcionamiento del sitio, análisis y personalización. El procesamiento de datos se realiza de acuerdo con la Política de privacidad.
aceptar todas configurar rechazar