Mensaje de texto con efecto máquina de escribir.
| Descripción del ejemplo JavaScript
Para este Script vamos a utilizar 6 variables.
- Mensaje: Es el texto que se escribe en la barra de estado y título del navegador. Puede ser una palabra o frase. En este caso utilizamos un array por lo que para cada mensaje a mostrar utilizaremos un valor de array diferente.
- i: Variable que utilizaremos para indicar, mediante el método charAt, qué caracter debe ser mostrado.
- n: Variable que utilizaremos para indicar qué mensaje de texto debe ser mostrado.
- MensajeTemp: En esta variable iremos almacenando el texto que se va escribiendo en ambas barras.
- Velocidad: Es la velocidad con la que se escribe el mensaje.
- Retardo: Tiempo de retardo entre un mensaje y otro.
La función EstadoTitulo() es llamada desde el evento onLoad de la etiqueta <BODY> y lo primero que hace es asignar al objeto title el valor de la variable MensajeTemp (que hasta este momento es igual a una cadena de texto vacía) + el valor de Mensaje[n] que devuelve el método charAt. Este método muestra el carácter situado en la posición n de la cadena de texto. El valor de n lo definimos mediante la variable i que para el primer caso vale 0 (cero) por lo que se mostrará el primer caracter del mensaje de texto a escribir en ambas barras.
Para que los caracteres que forman el mensaje se mantengan escritos debemos ir almacenando en una variable el valor actual de la barra de título. Para esto utilizamos la variable MensajeTemp. Esta variable irá almacenando los caracteres ya escritos y este valor lo utilizaremos cada vez que se escriba un nuevo caracter mediante el método charAt.
La segunda línea de código permite escribir el mismo texto de la barra de título en la barra de estado del navegador. A continuación sumamos 1 (uno) al valor actual de i
La condición if que sigue se ejecuta solo si el valor numérico de i es menor que la cantidad de caracteres que tiene el mensaje. Es decir que para un mensaje con 30 caracteres esta condición se ejecutará hasta el valor 29 de i, por que el valor 30 de esta variable ya no es menor, sino que es == (igual). En esta condición podemos ver el uso de la función setTimeout() que ejecuta la función del JavaScript al cabo de x segundos. Estos segundos son los que definimos en la variable Velocidad (150 milisegundos = 0,15 segundos).
Si la condición anterior es falsa se salta a la siguiente condición que se ejecuta solo si i == Mensaje[n].length, es decir si el valor de la variable i es solo igual a la suma de los caracteres del mensaje de texto que escribimos en las barras del navegador. Entonces, si es verdadera, se ejecuta la primera línea que asigna a i nuevamente el valor 0 (cero). La segunda línea vuelve a escribir el valor "" (cadena de texto vacía) en MensajeTemp.
Luego tenemos una condición que evalúa si (n == Mensaje.length-1), es decir si n es igual a la cantidad de array creados en Mensaje menos 1. Si es verdad, definimos nuevamente el valor inicial para n, de otra manera sumamos 1 unidad al valor actual.
La tercera línea ejecuta mediante setTimeout() la función del JavaScript al cabo de x segundos. Estos segundos son los que definimos en la variable Retardo.
Teniendo el valor de i y de MensajeTemp como al comienzo de la ejecución del Script, el texto escrito en ambas barras se borrará y comenzará a escribirse un nuevo mensaje hasta que se complete el último caracter de éste y nuevamente vuelva a empezar. Lo mismo para el valor de n, cuando vuelva ser igual a 0 (cero) comenzará la escritura del primer mensaje almacenado en el valor 0 del array Mensaje.
Información relativa al Script
Ejemplo JavaScript para escribir uno o varios mensajes de texto en la barra de estado y título del navegador, con efecto máquina de escribir.
Código fuente del script:
