Author: Radoslav Dimov
Licence: Dual licensed under the MIT and GPL licenses.
Free jQuery Plugins, HTML5 and CSS3 Scripts - Providing tons of Jquery Plugins,Html5 and CSS3 Scripts for web developers to preview and download. By using these resources, you can create amazing effects with fancy animations of content elements like text, images and so on.
jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget.
To use the jDigiClock plugin, include the jQuery
library, the jDigiClock source file and jDigiClock core stylesheet file inside the <head>
tag
of your HTML document:
<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>
To setup jDigiClock, add the following code inside the <head>
tag of your HTML document:
<script type="text/javascript"> $(document).ready(function() { $('#digiclock').jdigiclock({ // Configuration goes here }); }); </script>
jDigiClock accepts a lot of configuration options, see chapter "Configuration" for further informations.
jDigiClock expects a very basic HTML markup structure inside your HTML document:
<div id="digiclock"></div>
jDigiClock accepts a list of options to control the appearance and behaviour of the Digital Clock. Here is the list of options you may set:
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). |
jDigiClock has been tested and works on the following browsers: