jQuery Countdown
jQuery Countdown is a countdown library with an amazing animation. Take a look at the demonstration
Now you can download the PSD file here.
Basic usage:
$('#counter').countdown({startTime: "01:12:32:55"});Complete usage:
$('#counter').countdown({
stepTime: 60,
format: 'hh:mm:ss',
startTime: "12:32:55",
digitImages: 6,
digitWidth: 53,
digitHeight: 77,
timerEnd: function() { alert('end!!'); },
image: "digits.png"
});Added continuous countdown
$('#counter').countdown({
format: 'sss',
startTime: "120",
continuous: true,
timerEnd: function() { alert('end!!'); },
image: "digits.png"
});Countdown to a Date
Relative to current hour:
$('#counter').countdown({
image: "digits.png",
format: "mm:ss",
endTime: '50:00'
});An absolute date:
$('#counter').countdown({
image: "digits.png",
format: "mm:ss",
endTime: new Date('07/16/13 05:00:00')
});Start manually the counter:
$('#counter').countdown({
image: "digits.png",
format: "mm:ss",
endTime: new Date('07/16/13 05:00:00'),
start: false
});
$("#startButton").click(function (e) {
$('#counter').start();
});Did I mention that js code weighs just 4.0 KB?
Developers
- MartÃn Conte Mac Donell - [email protected] - @fz
- Matt Neary - [email protected]
Demo
Look at the demo.