Tecnología

Inicio

Cómo hacer un reloj en HTML

Cómo hacer un reloj en HTML


paquetes de desarrollo web comerciales son a menudo llenos de herramientas especiales que permiten a los desarrolladores crear sitios con una variedad de campanas y silbatos para mejorar el atractivo visual de cada página con un mínimo de codificación manual. Los desarrolladores que prefieren las manos en el camino para la creación de páginas HTML y el aumento del control, además de la codificación, añadiendo toques llamativos, como un reloj que se actualiza automáticamente sin volver a cargar la página, no significa necesariamente dejar caer HTML en favor de un método de codificación diferente . Aumentar HTML estricto con segmentos de JavaScript puede realizar casi cualquier tarea creativa que desea visualizar.

Instrucciones

1 Abrir el archivo fuente HTML de la página en un editor de programas o texto.

2 Localizar la posición de la página en la que desea colocar el reloj.

3 Inserte el siguiente código en la sección <body> de su archivo HTML:

<Script type = "text / javascript">

GetClock función () {

d = new Date ();

Nhour = d.getHours ();

Nmin = d.getMinutes ();

si (EMA <= 9) {Nmin = "0" + Nmin}

document.getElementById ( 'clockbox') innerHTML = "" + Nhour + ":" + anmin + ".";

setTimeout ( "GetClock ()", 1000);

}

window.onload = GetClock;

</ Script>

<Div id = "clockbox"> </ div>

4 Guarde los cambios en el archivo de origen y cierre el editor.

Consejos y advertencias

  • Este simple trozo de código muestra la hora actual en un formato digital de 24 horas y muestra automáticamente la hora actualizada aproximadamente cada minuto. El uso de setTimeout (1000) hace uso de velocidad de reloj del procesador para determinar la frecuencia de actualización. Esto varía ligeramente con el tipo y velocidad del procesador.
  • El tamaño, la fuente y el color del reloj pantalla se puede cambiar mediante la introducción de los valores de visualización HTML dentro de la etiqueta <div>.