Reloj en JavaScript
Y te preguntaras ¿y para que quiero saber la hora que es?, si
quiero saberla, simplemente puedo mirar la barra de mi gestor de ventanas, o
simplemente mirarme la muñeca o mirar el fabuloso, reloj de pared, el cual me
marca hasta las horas en punto.
Pues nosotros te lo pondremos más fácil. Para que no tengas que perder esos
fabulosos segundos en mirar hacia abajo o arriba, e incluso en girar tu muñeca
para ver que hora es, te vamos a explicar como poner un reloj en una página
web. Aunque, me pregunto yo, si mientras se prepara el ordenador para interpretar
las rutinas JavaScript me puedo hacer hasta la cena ¿no?.
Bueno pasamos a lo practico, primeramente obtenemos la fecha y de la fecha mediante los métodos GetHours(), GetMinutes() y GetSeconds() obtenemos la hora, minutos y segundos. Recuerda que estos son los de tu maquina.
El codigo seria el siguiente:
var dia = new Date(); var hora = dia.getHours(); var minutos = dia.getMinutes(); var segundos = dia.getSeconds();Posteriormente realizaremos una comprobación de que si el valor que tiene en un momento dado cualquiera de las variables anteriores esta entre 0 y 9, añadiremos un cero delante. Simplemente para que nos quede más mona la hora.
if ((segundos > = 0)&&(segundos <= 9)){
segundos="0"+segundos;
}
Para visualizar la hora en el navegador crearemos un formulario
con una entrada de texto.
<FORM NAME='frm'><INPUT TYPE='text' NAME= 'hora'SIZE=10></FORM>Y la forma de ejecución es el mostrar la hora cada segundo mediante la función setTimeout(cadena,milisegundos), la cual ejecuta la cadena indicada pasados los milisegundos indicados. (En nuestro caso cada segundo - 1000 msg).
window.setTimeout("mostrar()",1000);
También indicar que hay que empezar a ejecutarlo cuando se
cargue la pagina, es por ello que utilizaremos el método onLoad(),
para empezar a ejecutarlo, mediante setTimeout.
