Tekstiliuku JavaScriptillä

Tässä osiossa keskitymme liukkujen luomiseen. Aloitamme yksinkertaisimmista ja vaikeutamme vähitellen.

Aluksi teemme tekstiliukun. Tämä liuku on div-elementti, jossa teksti muuttuu jokaisen sekunnin välein:

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

Tallennamme liukun tekstit taulukkoon:

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

Ratkaisualgoritmi on seuraava: meidän on käynnistettävä ajastin, joka lisää jokaisen sekunnin välin div-elementtiimme uuden taulukon elementin - ensin ensimmäinen, sitten toinen, sitten kolmas, ja sitten takaisin ensimmäiseen ja niin edelleen ympyrään.