DigiClock - reloj digital desarrollado con jQuery

DigiClock - reloj digital desarrollado con jQuery

jDigiClock es un plugin jQuery que permite implementar un reloj con información del clima con jQuery. La apariencia de éste desarrollo está inspirada en el HTC Hero Clock Widget.

Principales características:

  • Sencillo de implementar.
  • Posee siete parámetros para configurar su funcionamiento.
  • Corre en los navegadores: IE, FireFox 3.5 (PC/Linux), Google Chrome 3.0 (PC) y Safari 4.0 (PC).
  • Es distribuido bajo un licenciamiento dual: GLP y MIT.

Implementación

Primero hay que enlazar todos los archivos CSS y JS:

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

Luego agregar el Javascript que le da vida:

<script type="text/javascript">
    $(document).ready(function() {
        $('#digiclock').jdigiclock({
            // La configuración va en esta sección
        });
    });
</script>

Por último agregar el siguiente código HTML en donde lo queramos mostrar jDigiClock:

<div id="digiclock"></div>

jDigiClock – Plugin jQuery

Sitio: www.radoslavdimov.com/jquery-plugins/jquery-plugin-digiclock

Por Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT