Cómo crear: efecto de escritura

Aprende cómo crear efectos de escritura usando JavaScript.

　

Crear efecto de escritura

Primer paso - Añadir HTML:

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

Segundo paso - Añadir JavaScript:

var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* Texto a mostrar */
var speed = 50; /* Velocidad/duración del efecto de escritura, en milisegundos */
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

Prueba en Directo

Páginas Relacionadas

Manual de Referencia:Método window.setTimeout() de JavaScript