Mostrar la hora del sistema en un botón de formulario.
| Descripción del ejemplo JavaScript
El Script comienza con la función Reloj() que es llamada desde el evento onLoad de la etiqueta <BODY>. Para capturar la hora del sistema utilizamos el objeto Date() que nos devuelve un valor con la hora y fecha actual del sistema en el que se ejecuta el Script. El formato de este valor es:
Sun Apr 15 12:24:10 UTC-0300 2007 [día semanal] [mes] [dia] [hora]:[minuto]:[segundo] [zonahoraria] [año]
El objeto Date() devuelve la hora siempre en formato 24 HS, por lo que debemos hacer la conversión a formato AM / PM si es que queremos mostrar la hora en formato 12 horas.
Este valor lo almacenamos en la variable HoraPC. En las 3 variables siguientes almacenaremos el dato correspondiente a cada método utilizado. En HoraSistema capturamos la hora por medio de HoraPC.getHours(), hacemos lo mismo con los minutos y segundos utilizando los métodos correspondientes.
Dado que el valor devuelto está en formato 24 HS, se mostrará la hora 0 (cero) para las 12 AM. Entonces creamos la primera condición que "transforma" este valor en el correspondiente al formato AM / PM. Las siguientes tres condiciones else if hacen lo mismo para cuando el valor devuelto está entre las 1 / 11 Hs, cuando es igual a 12 HS y cuando está entre las 13 y las 24 HS respectivamente.
La siguiente condición if comprueba que MinutoSistema sea <=9, si es así agrega un 0 (cero) al valor de esta variable y almacena el valor final en la variable Minuto. Esto lo hacemos porque el objeto Date() devuelve el valor de hora, minuto y segundo sin 0 (cero) adelante, es decir que para los minutos 5 mostrará 5 y nosotros queremos que se visualice la hora como 1:05:09. Si esta condición no es verdadera (MinutoSistema >=10) se ejecuta la siguiente condición else if.
Lo mismo hacemos para los segundos. Agregamos un 0 (cero) si es <= 9 y si no damos a la variable Segundo el valor de SegundoSistema.
A continuación debemos "armar", con los datos que recogimos, la hora final a mostrar en el botón de formulario. Para esto definimos una variable tiempo que tendrá como valor la hora, los minutos y los segundos seguidos del formato AM o PM segín corresponda. Damos a la propiedad value del botón los datos de la variable tiempo y para complementar el Script hacemos lo mismo con la barra de estado del navegador.
La función setTimeout() ejecuta la función Reloj() cada 1 segundo. Esto permite que cada 1 segundo se actualicen los datos de la hora en el botón según la hora del sistema.
Información relativa al Script
Ejemplo JavaScript para mostrar la hora del sistema, en formato AM/PM, en un botón de formulario.
Código fuente del script:
