The Dynamic Duo - DHTML Reloj (Clock Object)

DHTML Reloj (Clock Object)

El objeto reloj es un objeto DHTML el cual crea un reloj con tiempo-real, con la fecha y la hora del momento (con los segundos también). El objeto escribe la fecha y la hora en HTML texto, entonces es muy fácil de hacerla al gusto y con poca bandwidth.

El reloj escribe dos capas totalmente independientes, una para la fecha, y la otra para el tiempo (no añadidas). Por esta razón, necesitas dos parámetros separados de nestref, dateNestRef, y timeNestRef. También necesitas mandar los coordinadores x y él y para esas capas, ellas no tienen ninguna dimensión.

objectName = new Clock(name,dateNestRef,dateX,dateY,timeNestRef,timeX,timeY)
objectName.build()

Ejemplo:

myclock = new Clock("myclock",null,30,50,null,30,70)
myclock.build()

Es como todos mis objetos DHTML puedes llamarlos él activate() método en el init() function:

function init() {
	myclock.activate()
}

En el BODY de tu documento es donde debes escribir la propiedad del div del reloj:

<SCRIPT LANGUAGE="JavaScript">
document.write(myclock.div)
</SCRIPT>

Eso hará escribir las dos capas, si deseas escribirlas independientemente (así las puedes acomodar), puedes hacer eso de esta manera:

<SCRIPT LANGUAGE="JavaScript">
document.write(myclock.dateDiv)
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
document.write(myclock.timeDiv)
</SCRIPT>

Uso del reloj

El reloj tiene 4 opciones de construir tiempo, todos los valores son verdadero/falso (true/false), estos son todos verdaderos por ausencia:

showSeconds - para mostrar el tiempo-real en segundos
twelveHour - para mostar el tiempo como el reloj de 12horas (con am/pm), o como un reloj de 24horas
showDate - para mostrar la capa con la fecha
showTime - para mostrar la capa con el tiempo

Para cambiar cualquiera de estos tienes que cambiar el valor antes de contruirlo() "build()":

myclock = new Clock("myclock",null,30,50,null,30,70)
myclock.showSeconds = false
myclock.twelveHour = false
myclock.showDate = false
myclock.showTime = false  // pero si escondes la fecha y el tiempo nada  aparecera
myclock.build()

Ver clock1.html [Fuente] - para un ejemplo de reloj DHTML.

Fuente de Código

clock.js