Hur man skapar: skrivande effekt

Lär dig hur du använder JavaScript för att skapa en skrivande effekt.

　

Skapa skrivande effekt

Steg 1 - Lägg till HTML:

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

Steg 2 - Lägg till JavaScript:

var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* Text som ska visas */
var speed = 50; /* Skrivande effektens hastighet/varaktighet, i millisekunder */
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

Prova själv

Relaterade sidor

Referenshandbok:JavaScript window.setTimeout() metoden