Miten luoda: Tekstitulo

Tutki, miten luodaan tekstitulo JavaScriptilla.

　

Luo tekstitulo

Ensimmäinen vaihe - Lisää HTML:

<p id="demo"></p>

Toinen vaihe - Lisää JavaScript:

var i = 0;
var txt = 'Lorem ipsum tekstitulo!'; /* Näytettävä teksti */
var speed = 50; /* Tekstitulon nopeus/käyttöaika, millisekunteina */
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

Kokeile itse

Liittyvät sivut

Viittauskirja:JavaScript window.setTimeout() metodi