jDigiClock
Digital Clock (HTC Hero inspired)
Author: Radoslav Dimov
Version: 2.1 (Changelog)
Download: jdigiclock.zip
Licence: Dual licensed under the MIT and GPL licenses.
Contents
Introduction
jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget.
Examples






Bourgas
Clear
Wed, 13 Jun
20°C
20°C
33° / 19°
Bourgas
Sunny and hot
Thu
31° / 17°
Fri
28° / 17°
Sat
26° / 14°
Sun
27° / 14°

Getting started
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>
Configuration
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). |
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)
Donate a beer or two via PayPal
'J-Query' 카테고리의 다른 글
Build CRUD Application with jQuery EasyUI (0) | 2012.06.14 |
---|---|
슬라이드 시계 (0) | 2012.06.13 |
조작하려는 엘리먼트 선택하기 (0) | 2012.06.07 |
버튼이벤트->레이어 새창으로 표현 (0) | 2012.05.08 |
list 추출및 select 구현 (0) | 2012.05.08 |