Sådan oprettes: Skrivningseffekt

Lær, hvordan du bruger JavaScript til at oprette en skrivningseffekt.

 

Opret skrivningseffekt

Første trin - Tilføj HTML:

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

Andet trin - Tilføj JavaScript:

var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* Tekst, der skal vises */
var speed = 50; /* Tekstindskrivningshastighed/kontinuerlig varighed, i millisekunder */
function typeWriter() {
  hvis (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

Prøv det selv

Relaterede sider

Reference manual:JavaScript window.setTimeout() metode