jDigiClock, inserta el reloj de HTC Hero en tu web

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.

jdigitalclock

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:

PropertyTypeDefaultDescription
clockImagesPathstring“images/clock/”Ruta de imagen del reloj.
weatherImagesPathstring“images/weather/”Ruta de imagen del tiempo.
am_pmbooleanfalseEspecificación de opción de tiempo am/pm
weatherLocationCodestring“EUR|BG|BU002|BOURGAS”Código de ubicación
weatherMetricstring“C”Especifica el tipo de medición del tiempo: °C o °F.
weatherUpdateinteger0Actualización del tiempo por  minutos.
proxyTypestring“php”Especifica el tipo de proxy ASP o PHP

 

 

 

 

 

Enlace: JDigiClock

  • octavio bravo eugenio
    Como lo configuro para que sea mas pequeño y en español?
    Gracias