Skip to main content
se añadieron 104 caracteres en el cuerpo
Origen Enlace
Jorgesys
  • 111.1k
  • 14
  • 55
  • 134

Como bien mencionas en tu pregunta puedes usar setTimeout() para mostrar cada caractercarácter en un intervalo de tiempo especificado.

var i = 0;
var msg = 'Stackoverflow en español!...';
var velocidad = 200;

function typeWriter() {
  if (i < msg.length) {
    document.getElementById("escribetexto").innerHTML += msg.charAt(i);
    i++;
    setTimeout(typeWriter, velocidad);
  }
}
<!DOCTYPE html>
<html>
<body  style="background-color:orange;">

<button onclick="typeWriter()">Clic para mostrar texto</button>

<h1>
<font face="verdana" color="white">
<p id="escribetexto"></p>
</font>
</h1>



</body>
</html>

De esta forma se mostraría el efecto "typeWriter" (máquina de escribir) en tu página.

introducir la descripción de la imagen aquí

Como bien mencionas en tu pregunta puedes usar setTimeout() para mostrar cada caracter en un intervalo de tiempo especificado.

var i = 0;
var msg = 'Stackoverflow en español!...';
var velocidad = 200;

function typeWriter() {
  if (i < msg.length) {
    document.getElementById("escribetexto").innerHTML += msg.charAt(i);
    i++;
    setTimeout(typeWriter, velocidad);
  }
}
<!DOCTYPE html>
<html>
<body  style="background-color:orange;">

<button onclick="typeWriter()">Clic para mostrar texto</button>

<h1>
<font face="verdana" color="white">
<p id="escribetexto"></p>
</font>
</h1>



</body>
</html>

Como bien mencionas en tu pregunta puedes usar setTimeout() para mostrar cada carácter en un intervalo de tiempo especificado.

var i = 0;
var msg = 'Stackoverflow en español!...';
var velocidad = 200;

function typeWriter() {
  if (i < msg.length) {
    document.getElementById("escribetexto").innerHTML += msg.charAt(i);
    i++;
    setTimeout(typeWriter, velocidad);
  }
}
<!DOCTYPE html>
<html>
<body  style="background-color:orange;">

<button onclick="typeWriter()">Clic para mostrar texto</button>

<h1>
<font face="verdana" color="white">
<p id="escribetexto"></p>
</font>
</h1>



</body>
</html>

De esta forma se mostraría el efecto "typeWriter" (máquina de escribir) en tu página.

introducir la descripción de la imagen aquí

Origen Enlace
Jorgesys
  • 111.1k
  • 14
  • 55
  • 134

Como bien mencionas en tu pregunta puedes usar setTimeout() para mostrar cada caracter en un intervalo de tiempo especificado.

var i = 0;
var msg = 'Stackoverflow en español!...';
var velocidad = 200;

function typeWriter() {
  if (i < msg.length) {
    document.getElementById("escribetexto").innerHTML += msg.charAt(i);
    i++;
    setTimeout(typeWriter, velocidad);
  }
}
<!DOCTYPE html>
<html>
<body  style="background-color:orange;">

<button onclick="typeWriter()">Clic para mostrar texto</button>

<h1>
<font face="verdana" color="white">
<p id="escribetexto"></p>
</font>
</h1>



</body>
</html>