efecto maquina de escribir en javascript

Hola gente como estan les dejo este codigo que escribe el texto como si fuera una maquina de escribir.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">

.caja {position:absolute;
       top:100px;
    left:100px;
    width:300px;
    height:100px;
    background-color:red;

}
/* clase css para el div donde escribiremos*/

</style>
</head>

<body>

<script type="text/javascript">

var uno="Hola esto que estan viendo es el efecto llamado maquina de escribir hecho en javascript, es sencillo pero interesante para aplicarlo en alguna pagina ademas para los que estan comenzando es bastante interesante ver como funciona";

/* 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)

/* aca 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("caja").innerHTML=tres

/*con esto insertamos en el div con id=caja el texto en la variable 3*/

}
setInterval("escribir()", 100)

/*usamos la funcion llamada setInterval, esta llama a la funcion escribir() cada 0,100 segundos y no se olviden que despues de cada llamada las variables tres y a se iniciaran a nuevos valores y cuando en la funcion se requieran estas varibles usara siempre los valores actualizados.*/

</script>
<div class="caja" id="caja">
</div>
</body>
</html>





eh aqui el video de como funciona, pantalla completa para ver mejor.

http://www.youtube.com/watch?feature=player_detailpage&v=1a3BwcBDxzQ

espero que les haya gustado
efecto maquina de escribir en javascript
2 Puntos Score: 2/10
Visitas: 2837 Favoritos: 9
Ver los usuarios que votaron...
5 Comentarios efecto maquina de escribir en javascript
Muy bueno aqu?
@issue2b hey amigo no se puede usar eso para comentarios en el html, usa esto
<!--
tu comentario
-->
@Eizen gracias muy buena esa pagina no la conocia, buen aporte.
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!