Cómo hacer un reloj digital

Contenido

instrucciones
consejos
referencias

Si aún no ha encontrado un modelo de reloj digital ideal, puede crear el uso del lenguaje de programación HTA. Con recursos proporcionados por Internet Explorer, este lenguaje incorpora toda la capacidad de HTML y JavaScript a su escritorio. Los desarrolladores pueden agregar relojes digitales a páginas web utilizando algunas líneas de JavaScript. Sin embargo, con el lenguaje HTA, puede realizar plantillas personalizadas utilizando propiedades CSS.

instrucciones

No es necesario tener un reloj físico para saber las horas (Martin Poole / Photodisc / Getty Images)

Abra el Bloc de notas y pegue la siguiente declaración en su nuevo documento:

HTA Test

type = "text / css"> .clockStyle {border: thick dotted blue; background-color: # FFFF00; width: 100px; height: 20px; text-align: center; }
La sección "style" de este código, que aparece al final, define la clase llamada "clockStyle". Esta clase determina la apariencia del reloj. Por ejemplo, los atributos de borde insertan una línea de margen punteado en azul alrededor del reloj. El fondo es amarillo. Los parámetros de ancho y alto caracterizan la resolución en píxeles del objeto.
Agregue el siguiente bloque JavaScript debajo del código del paso anterior:

Observe las variables "windowWidth" y "windowHeight" en la parte superior del código. Controlan el tamaño de la ventana que contiene el reloj digital. Cambie estos valores de la forma que desee.
Añada el siguiente código inferior del descrito en la última sección:

>

Esto creará el elemento "div", es decir, el cuerpo del reloj. El atributo de su clase hace referencia a la declaración de estilo CSS descrita anteriormente.
Presione "Ctrl" y "S" simultáneamente y escriba "DigitalClock.hta" en el campo "Nombre de archivo" que aparece en la ventana "Guardar como". Haga clic en "Guardar" para guardar el nombre del archivo.
Abra el "Explorador de Windows" y encuentre el archivo. Haga doble clic en el archivo para mostrar el reloj digital.

consejos

Personalice el reloj cambiando las propiedades CSS en la sección "style" del documento. Por ejemplo, para cambiar el fondo a la rosa, reemplace "amarillo", en el código, por "pink". Generalmente, los relojes actualizan el display cada segundo. Para cambiar la tasa de actualización, cambie "1000", en el código, por otro valor, como 2000. Con eso el reloj modificará cada dos segundos.