jDigiClock es un plugin jQuery que nos permite conseguir un reloj, inspirado en el HTC Hero, e integrarlo directamente en cualquier página web.
Modo de empleo
Como todo plugin jQuery debemos cargar los ficheros Javascript necesarios.
<link rel="stylesheet" type="text/css" href="css/jquery.jdigiclock.css" />
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/jquery.jdigiclock.js"></script>
Una vez cargados ya podemos crear nuestro reloj llamando al plugin indicando el ID del elemento HTML contenedor y especificando una serie de parámetros de configuración.
// HTML
<div id="digiclock"></div>
// Javascript
<script type="text/javascript">
$(document).ready(function() {
$('#digiclock').jdigiclock({
// Aquí la configuración
});
});
</script>
Configuración
Disponemos de una serie de parámetros para personalizar nuestro reloj:
- clockImagesPath: Directorio de imágenes del Reloj
- weatherImagesPath: Directorio de imágenes del tiempo
- am_pm: Booleano para especificar AM/PM
- weatherLocationCode: Código de tu cuidad para el tiempo (Base de datos: WeatherLocationDatabase.txt).
- weatherMetric: Medición de la temperatura (C/F)
- weatherUpdate: Tiempo de actualización del tiempo
Actualización (13:02):
Cane nos explica en los comentarios que el aspecto es de HTC Sense, el interface desarrollado por HTC para dispositivos Android, Windows Mobile, …
15 comentarios, 3 referencias
+
#