Como criar: efeito de digitação

Saiba como usar JavaScript para criar efeito de digitação.

 

Criar efeito de digitação

Primeiro passo - Adicionar HTML:

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

Segundo passo - Adicionar JavaScript:

var i = 0;
var txt = 'Lorem ipsum efeito de digitação!'; /* Texto a ser exibido */
var speed = 50; /* Velocidade/duração do efeito de digitação, em milissegundos */
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

Experimente você mesmo

Páginas relacionadas

Manual de referência:Método window.setTimeout() do JavaScript