Reloj digital con imágenes 2 (con segundos)

Google

Fechas y horas (manejo de tiempo)

Reloj digital con imágenes 2 (con segundos)

Pues eso. Un reloj digital usando imágenes. La ventaja sobre usar números es que podemos usar las fuentes que queramos en las imágenes.

La diferencia entre este script y el anterior Reloj con imágenes es evidente. Este marca además los segundos.

ver el código fuente del ejemplo

Configuración

var dire = "imagenes/" // directorio donde se guardan las imágenes

Guardar todas las imágenes dentro del directorio establecido. Las imágenes deben llevar por nombre de archivo el número que representan (0.gif, 1.gif, 2.gif...) y además otras dos imágenes de nombre "puntos.gif" (para los dos puntos (:)) y "blanco.gif" (imagen en blanco o transparente)

Insertar donde se quiera que esté el reloj las imágenes iniciales (seis ceros y los dos puntos en el centro)...

0 0 0 0 0 0 0 0

... dando un id a cada una de las imágenes.

<img src="imagenes/0.gif" id="h1" alt="0" />
<img src="imagenes/0.gif" id="h2" alt="0" />
<img src="imagenes/puntos.gif" id="pnts" alt=":" />
<img src="imagenes/0.gif" id="m1" alt="0" />
<img src="imagenes/0.gif" id="m2" alt="0" />
<img src="imagenes/puntos.gif" id="pnts2" alt=":" />
<img src="imagenes/0.gif" id="s1" alt="0" />
<img src="imagenes/0.gif" id="s2" alt="0" />

Y en body...

<body onload="inicio()">

Si te da palo crear tus propias imágenes puedes usar las mías
(no olvides la imagen en blanco)

0 2 0 3 4 5 6 7 8 9 blanco :



CMS para protectoras de animales Bambú
Creative Commons License
Javascript códigos by tunait is licensed under a Creative Commons Reconocimiento-Compartir bajo la misma licencia 2.5 España License.
Permissions beyond the scope of this license may be available at http://tunait.com/javascript/index.php?s=condiciones.

Todos los códigos incluídos los de la página han sido paridos y tecleados por tunait.com. subir