Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso.
Las cookies de este sitio web se usan para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Además, compartimos información sobre el uso que haga del sitio web con nuestros partners de redes sociales, publicidad y análisis web, quienes pueden combinarla con otra información que les haya proporcionado o que hayan recopilado a partir del uso que haya hecho de sus servicios. Puede cambiar la configuración u obtener más información aquí

Aceptar

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 :



Buscador de animales en adopción
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. Política de cookies subir