Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/07/2014, 03:53
Avatar de MaNuX0218
MaNuX0218
 
Fecha de Ingreso: marzo-2014
Mensajes: 787
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: Aparecer texto con efecto

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.  
  3. var uno="Hola texto de ejemplo...";
  4.  
  5. /* definimos una variable llamada uno que contendra el texto que escribiremos con el efecto
  6. maquina de escribir*/
  7.  
  8. var a=0;
  9. var tres="";
  10.  
  11. /* creamos un string vacio*/
  12.  
  13. function escribir (){
  14. var dos=uno.charAt(a)
  15.  
  16. /* 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)*/
  17.  
  18. a=a+1
  19.  
  20. /* 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*/
  21.  
  22. tres=tres+dos
  23.  
  24. /* al string vacio tres lo concatenamos con el caracter de lugar a extraido del texto y lo guardamos en tres nuevamente */
  25.  
  26. document.getElementById("texto").innerHTML=tres
  27.  
  28. /*con esto insertamos en el div con id=texto el texto en la variable 3*/
  29.  
  30. }
  31. setInterval("escribir()", 100)
  32.  
  33. /*usamos la funcion llamada setInterval, esta llama a la funcion escribir() cada 0,100 segundos*/
  34.  
  35. </script>

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

Código HTML:
Ver original
  1. <div id="texto"></div>

Saludos.