⊗jsPrSlTx 37 of 62 menu

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:

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

Tallennamme liukun tekstit taulukkoon:

let 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.

Toteuta kuvailtu liuku.

Suomi
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Käytämme evästeitä verkkosivuston toiminnalle, analytiikalle ja personoinnille. Tietojen käsittely tapahtuu Tietosuojakäytännön mukaisesti.
hyväksy kaikki mukauta hylkää