jQuery Digital Clock HTC with asp.net and php

It is indeed a nice feature to display current time using jQuery or a ticking digital clock on your webpage along with weather information. So in this post, I will show you how you can create your own jQuery digital clock with help of "jDigiClock" jQuery plugin.

jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget. Beauty of this plugin is that along with the time it also displays the weather information based on particular city. And it also provide option to see weather forecast for next 4 days. Above that the style looks amazing.

Demo: Check the demo
URL: http://www.radoslavdimov.com/jquery-plugins/jquery-plugin-digiclock/
Download: jDigiClock

Example Download

Using

$('#digiclock').jdigiclock({
     // Configuration goes here
});
// With Option
 $('#digiclock').jdigiclock({
         proxyType: 'asp',
         am_pm: true,
         weatherLocationCode: 'ASI|IN|IN012|AHMEDABAD'
 });

jDigiClock expects a very basic HTML markup structure inside your HTML document:

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

Configuration

Property	Type	Default	Description
clockImagesPath	string	"images/clock/"	Clock images path.
weatherImagesPath	string	"images/weather/"	Weather images path.
am_pm	boolean	false	Specifies the AM/PM option.
weatherLocationCode	string	"EUR|BG|BU002|BOURGAS"	Weather location code (see: WeatherLocationDatabase.txt).
weatherMetric	string	"C"	Specifies the weather metric mode: C or F.
weatherUpdate	integer	0	Weather update in minutes.
proxyType	string	"php"	Specifies proxy type: php or asp (see: README.txt).

Compatibility

jDigiClock has been tested and works on the following browsers:

• Internet Explorer 7 (PC)
• FireFox 3.5 (PC/Linux)
• Google Chrome 3.0 (PC)
• Safari 4.0 (PC)