Slider di testo in JavaScript

In questa sezione ci occuperemo della creazione di slider. Inizieremo con i più semplici e li complicheremo gradualmente.

Per cominciare, creiamo uno slider di testo. Questo slider sarà un div in cui il testo cambierà ogni secondo:

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

Conserveremo i testi per lo slider in un array:

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

L'algoritmo della soluzione sarà il seguente: è necessario avviare un timer che ogni secondo inserirà nel nostro div un nuovo elemento dell'array - prima il primo, poi il secondo, poi il terzo, e poi di nuovo il primo e così via in ciclo.