Comment créer : effet de frappe au clavier

Créer un effet de frappe au clavier

Première étape - Ajouter HTML :

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

Deuxième étape - Ajouter JavaScript :

var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* Texte à afficher */
var speed = 50; /* Vitesse/durée de l'effet de frappe au clavier, en millisecondes */
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

Essayez-le vous-même

Pages associées

Manuel de référence :Méthode window.setTimeout() en JavaScript