[SOLUCIONADO] Aparecer texto con efecto

[helion]

Hola amigos quisiera saber si conocen algun codigo para hacer que por ejemplo el texto:

"Hola texto de ejemplo..."

aparezca letra por letra como si simulara estuviese escribiéndose ...

espero me puedan ayudar gracias :)

[MaNuX0218]

Código Javascript:

<script type="text/javascript">
 
var uno="Hola texto de ejemplo...";
 
/* definimos una variable llamada uno que contendra el texto que escribiremos con el efecto
maquina de escribir*/
 
var a=0;
var tres="";
 
/* creamos un string vacio*/
 
function escribir (){
var dos=uno.charAt(a)
 
/* aqui definimos una variable dos que contendra el carater de lugar a (a es un numero y representa el orden de los carateres en el texto en este caso vale 0)*/
 
a=a+1
 
/* aqui le aumentamos en 1 el valor a la variable a para que cuando llamemos de nuevo a la funcion escribir tendra el valor sumado en uno*/
 
tres=tres+dos
 
/* al string vacio tres lo concatenamos con el caracter de lugar a extraido del texto y lo guardamos en tres nuevamente */
 
document.getElementById("texto").innerHTML=tres
 
/*con esto insertamos en el div con id=texto el texto en la variable 3*/
 
}
setInterval("escribir()", 100)
 
/*usamos la funcion llamada setInterval, esta llama a la funcion escribir() cada 0,100 segundos*/
 
</script>
 

Y después inserta el div donde quieras que aparezca:

Código HTML:

<div id="texto"></div>
 

Saludos.

[Alexis88]

MaNuX0218, sería bueno que controles el número de veces que ejecutas a la función pues del modo en el que está, se ejecutará indefinidamente. Podrías asignar el intervalo de tiempo a una variable y cuando el texto mostrado tenga la misma extensión de caracteres que la del texto fuente, se corta el intervalo con el método clearInterval.

Código Javascript:

var interval = setInterval("escribir()", 100);
 

Y antes de finalizar la función:

Código Javascript:

if (tres.length == uno.length) clearInterval(interval);
 

Saludos

[MaNuX0218]

Muchas gracias Alexis88 lo tendré en cuenta ;)