jquery.xdRetroClock Plugin
Unusual retro clock count down plugin for jQuery
Fast start
Add in html page
<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.xdretroclock.js"></script> <link rel="stylesheet" type="text/css" href="jquery.xdretroclock.css" />
add div element
<div id="retroclockbox1"></div>
and init xdretroclock
$(function(){
$('#retroclockbox1').xdretroclock();
})
Result
Settings
- Hide second or minute or hour
$(function(){
$('#retroclockbox1').xdretroclock({showHour:false,showMinute:false,showSecond:true});
})
- offset timezone
$(function(){
$('#retroclockbox3').xdretroclock({tzoneOffset:3,showSecond:false});
})
- am,pm format hours
$(function(){
$('#retroclockbox4').xdretroclock({am:true});
})
- speed animate flip digit (multiply 6 must by less than 1000) default 100
$(function(){
$('#retroclockbox5').xdretroclock({speedFlip:50});
})
- set time
$(function(){
$('#retroclockbox6').xdretroclock({time:function(){
return new Date('5.10.2012 12:34:23');
}});
})