Efecto máquina de escribir

darix · #1 (**permalink**) 27/02/2009, 03:31

Hola, estoy trabajando en un script que haga un efecto de máquina de escribir. He estado en foros sobre el tema pero ninguno hace lo que me gustaría.
Lo que quiero es que por ejemplo esté el texto ya en pantalla de forma estática como "Esto es una prueba" y después con efecto máquina de escribir
que vaya cambiando letra a letra a negrita "Esto es una prueba".

Código HTML:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html;  

charset=iso-8859-1" /> 
<title>Máquina de escribir</title> 
<script> 
var mensaje="Esto es una prueba",pausa=200; 
function inicio(){ 
	
    var i=0;
    var m=mensaje.split(''); 
    var t=setInterval( 
        function(){ 
            if(i>=m.length-1)clearInterval(t); 
            document.getElementById('pp').innerHTML+=m[i];i++; 
        },pausa); 
} 
window.onload=inicio; 
</script> 
</head> 

<body> 
<div id="pp"></div> 
</body> 
</html>

Gracias por las molestias

Panino5001 · #2 (**permalink**) 27/02/2009, 08:29

Fijate si te sirve:

Código javascript:

Ver original<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Máquina de escribir</title> 
<script> 
var mensaje="Esto es una prueba",pausa=200; 
function inicio(){ 
    
    var i=0;
    var m='<span>'+mensaje.split('').join('</span><span>')+'</span>'; 
    document.getElementById('pp').innerHTML=m;
    var nodos=document.getElementById('pp').getElementsByTagName('span');
 
    var t=setInterval( 
        function(){ 
            if(!nodos[i]){clearInterval(t); return;}
            nodos[i].style.fontWeight='bold';i++; 
        },pausa); 
} 
window.onload=inicio; 
</script> 
</head> 
 
<body> 
<div id="pp"></div> 
</body> 
</html>

darix · #3 (**permalink**) 02/03/2009, 03:54

Eres una máquina tío!! Muchisimas gracias