The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
jCountdown Timer
jCountdown
Creates a visual countdown timer of days, hours, minutes and seconds till the provided date. Simple and easy to use.
Samples
//Creates a simple timer
$("#countdown").countdown({
target:"12/25/2009 12:12:05 AM"
});
//Creates a timer with an overriden tick event
$("#countdown").countdown({
target:"12/25/2009 12:12:05 AM",
onTick:function(control, day, hrs, min, sec) {
control.text(day+" days left);
//You can return true to use the existing
//display logic
//return true;
}
});
Params
date Date
The date to target for the end of the countdown.
message String
The message to display when the countdown timer is reached while the visitor is on the page, or if the timer is expired when it is created.
addZeros Boolean
When displaying the time remaining, this will add zeros to the numbers so at least double digits are displayed each time. (for example: 3 sec would be 03 sec).
delayStart Boolean
If you use delay start, the display will not be updated until the first interval passes.
interval Integer
Determines the time between the update for the onTick event. Defaults to 1000ms (1 second).
onTick Method
Method is called each tick of the interval (which is once per second). If you want to use the existing method to display the remaining time, but still perform an event, simply return true.
onFinish Method
Method is called when the countdown timer has completely finished. If you want to use the existing method to display the finished message, but still perform an event, simply return true.
