jquery clock plugin is just another clock plugin, it comes with an analog and digital options and another option to handle timezones, warning! the analog clock only works with css3
for the analog clock (and almost all the plugin) i'm using the code and images from this article of css-tricks.com
you can see this plugin completely in action in this netvibes world clock widget
Plug-in method
clock( [options] )
options (optional) Options
options
offset | String | Default: +0 |
---|---|---|
The offset of your zone, in my country, Chile, is normally -4 =D | ||
type | String | Default: 'analog' |
The types are analog and digital |
Demo 1
An analog clock
Código
$('#analog-clock').clock({offset: '+5', type: 'analog'});
<ul id="analog-clock" class="analog"> <li class="hour"></li> <li class="min"></li> <li class="sec"></li> <li class="meridiem"></li> </ul>
Demo 2
A digital clock
Código
$('#digital-clock').clock({offset: '0', type: 'digital'});
<ul id="digital-clock" class="digital"> <li class="hour"></li> <li class="min"></li> <li class="sec"></li> <li class="meridiem"></li> </ul>