Letras con javascript

sirdaiz · #1 (**permalink**) 31/01/2011, 02:39

Hola supongamos que tengo lo sgte:

<div>
Hola, me llamo Pepito Pérez

</div>

quisiera saber como puedo hacer para que el texto no salga de golpe sino
vayan apareciendo las letras de esa frase de poco en poco

Gracias

IsaBelM · #2 (**permalink**) 31/01/2011, 08:11

un poco antiguo el código. pero quitando las comprobación de la versión del navegador, funcionará

Perr0 · #3 (**permalink**) 31/01/2011, 11:57

aquí un ejemplo para que apliques y modifiques a gusto Pepito Perez
funciona en IE y FF

Código HTML:

Ver original<html>
<head>
<title>Deletreo</title>
<script>
var i=0;
var espera=7.5; //MAYOR NUMERO MAS DEMORA
window.onload=function(){
    divdel=document.getElementById("deletreo");
    if(divdel) comienzo();
}
function comienzo(){
    texto=divdel.innerHTML
    texto=texto.split("");
    divdel.innerHTML="";
    divdel.style.display="";
    deletreando()
}
function deletreando(){
    divdel.innerHTML=divdel.innerHTML+texto[i];
    i++;
    tempo=setTimeout("deletreando()",espera*10);
    if(!texto[i]) clearTimeout(tempo);
}
 
</script>
</head>
 
<body>
<div id="deletreo" style="display:none">
  Hola, me llamo Pepito P&eacute;rez
</div>
</body>
</html>

salu2