jquery.xdRetroClock Plugin

Page project | Download

Unusual retro clock count down plugin for jQuery

ru | eng

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');
	}});
})