El widget de reloj de los smartphones HTC suelen ser bastante atractivos, y ahora es posible insertarlos en tu sitio web o aplicación web mediante el plugin de jQuery llamado jDigiClock.
Este plugin de reloj para tu sitio web inspirado en el widget del reloj del HTC Hero , se inserta dentro del código HTML de la siguiente manera:
1.- Descarga la libreria jDigiClock
2.- Incluye la biblioteca jQuery, la libreria javascript y el CSS de jDigiClock dentro de la etiqueta <head> en el documento HTML.
<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>
3.- Añade el siguiente código dentro de la etiqueta <head> del documento HTML
<script type=”text/javascript”> $(document).ready(function() { $(‘#digiclock’).jdigiclock({ // Configuration goes here }); }); </script>
4.- Añada el siguiente código dentro del <body> en donde quieras que aparezca el reloj jDigiClock
<div id=”digiclock”> </ div>
Para poder controlar el aspecto y el comportamiento del reloj digital jDigiClock tienen las siguientes opciones:
Property | Type | Default | Description |
clockImagesPath | string | “images/clock/” | Ruta de imagen del reloj. |
weatherImagesPath | string | “images/weather/” | Ruta de imagen del tiempo. |
am_pm | boolean | false | Especificación de opción de tiempo am/pm |
weatherLocationCode | string | “EUR|BG|BU002|BOURGAS” | Código de ubicación |
weatherMetric | string | “C” | Especifica el tipo de medición del tiempo: °C o °F. |
weatherUpdate | integer | 0 | Actualización del tiempo por minutos. |
proxyType | string | “php” | Especifica el tipo de proxy ASP o PHP |
Enlace: JDigiClock