Hoe maak je: Typeneffect

Ontdek hoe je een typeneffect maakt met JavaScript.

　

Maak een typeneffect

Stap 1 - Voeg HTML toe:

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

Stap 2 - Voeg JavaScript toe:

var i = 0;
var txt = 'Lorem ipsum typeneffect!'; /* Tekst die wordt weergegeven */
var speed = 50; /* Typeneffect snelheid/duur, in milliseconden */
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

Probeer het zelf uit

Gerelateerde pagina's

Referenties handleiding:JavaScript window.setTimeout() methode