Reloj digital con imágenes

Google

Fechas y horas (manejo de tiempo)

Reloj digital con imágenes

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.

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 (cuatro ceros y los dos puntos en el centro)...

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" />

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 :



Protectora Oriolana (Alicante)
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