Using jQuery countdown plugins is probably the simplest and most performance optimal way to add a dynamic and interactive countdown timer to your website.
I am sure you have noticed the countdown features on e.g. sport sites showing countdown until a big event. You have probably also seen sites that are not online yet or down for maintenance using a jQuery countdown timer to tell visitors when to come back. This is called a under construction timer or landing page. They can also be used to countdown to a release date of a game, a movie or to a party. Countdown or jQuery timer scripts simply have many useful use cases and the good news is that there are some really good scripts you can use on your site.
In this article, you will find most of the useful jQuery countdown scripts available right now. jQuery is also useful in many other areas and in particular jQuery Slider, jQuery carousel and plugins can give a website a face-lift. If I missed some scripts, you like then please leave a comment. I am doing ongoing updates to the article where I add new jQuery countdown timers and check the links and current ratings of the elements I have included.
Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.
Advertisement
Article Index
Premium jQuery Countdown Scripts
jCountdown Mega Package - MORE INFO / DEMO
This is a quite new but promising jQuery countdown script. jCountdown is a customizable jQuery countdown plugin, you can use on your site to show a cool and easy to customize countdown timer.You should check the demo page as it is very well set up and allows you to play with all the settings through a easy to use interface.
JBMarket Circular Countdown - MORE INFO / DEMO
This is one of my favorites as it stands out visually from the rest and most countdown timer we see used at the moment. JBMarket circular countdown is a jQuery countdown timer with cool looking circular design. It is a great way for counting the time left to an event. Comes with 5 ready to use pages and psd file.
Circular Countdown jQuery Plugin - MORE INFO / DEMO
With this jQuery countdown plugin, you’ll be able to create simple, clean and original countdowns. This plugin mixes a jQuery countdown combined with canvas shapes easy to configure via a set of options.
Coconut – Jquery Countdown Plugin - MORE INFO / DEMO
This is another must see jQuery countdown script with a circular design. You get a set of backgrounds for the under construction page and a countdown script where you can adjust the colors and sizes of the circular elements. There is also a % status bar feature included.
Dynamic Countdown with Counter – MORE INFO / DEMO
Customisable Countdown Counter You can generate a few different colours, fonts an font weight with out handy generator.
Countdown / construction page - MORE INFO / DEMO
Easy adaptable countdown, under construction – page. Including manual for easy set-up.
Coming soon landing page - MORE INFO / DEMO
Javascript Under Construction Website Counter!
Fresh Parallax Under Construction Countdown - MORE INFO / DEMO
fresh Parallax Under Construction upgrades your “Coming Soon” page with a dynamic 3D cloudy sky with your logo or item of choice in focus.
LuxCountdown - MORE INFO / DEMO
Custom countdown timers style (with css), javascript framework indipendent, no coding knowledge need for basic usage, simple themes for countdown timers already included.
Live Brodcast Countdown Module - MORE INFO / DEMO
Nice jQuery based countdown timer. Header text depending on countdown stateus (counting down or finished). A lot of options available. Upon time expiration the module will display the expiration message for the amount of time set in back-end. When this time reaches its limit the module will restart the countdown until next event.
Easy Countdown - MORE INFO / DEMO
jsCountdown - MORE INFO / DEMO
Included are 14 different skins to choose from and a template file (png format) to make your own.
Broadcast Countdown Widget - MORE INFO / DEMO
Nice widget for WordPress making it easy to add professional´ly looking countdown timer to a WordPress based site.
JavaScript Animated Counter - MORE INFO / DEMO
Simple, animated JavaScript counter, which will allow You to present rapidly increased or decreased values, such as number of registered users, total income etc. But that’s not all… this counter can be also used as a text or date & time displayer or as a clock. It can be also used as a countdown, to show time left for the beginning of a product release campaign or a sale start.
Fancy Countdown – jQuery plugin - MORE INFO / DEMO
Fancy Countdown is a highly customizable jQuery plugin that lets you create an outstanding countdown. It´s very easy to use. You can set an own target date with a timezone. The plugin comes with an extensive API.
FlipTimer - MORE INFO / DEMO
FlipTimer 1.2 with 8 color themes ready made and a beautiful template with working contact form included
Free jQuery Countdown Scripts
jQuery Countdown - MORE INFO
This is a jQuery plugin that sets a div or span to show a countdown to a given time. There are tons of options available and everything is supported by good examples and code snippets.
Countdown – MORE INFO
Countdown is a highly flexible javascript flip clock.
jQuery Plugin – KK Countdown - MORE INFO / DEMO
KK countdown is a jQuery countdown plugin that counts down to specific dates in the future.
littlewebthings CountDown - MORE INFO / DEMO
This is an Easy to use animated countdown JavaScript. It is jQuery compatible and easily skinable
jQuery Countdown plugin that doesn’t sucks! - MORE INFO
Countdown timer jQuery Plugin - MORE INFO
A simple jQuery Plugin that countdowns how long it is from a date. Very easy to use and a good download package with everything needed to get started.
jQuery CountDown Plugin - MORE INFO
This script allows you to create a rapidshare.com like countdown and to animate the CSS font-size of each second and present a reward at the end.
How can I make a jQuery countdown - MORE INFO
This is a really simple script, but it is a countdown script…
The Countdown jQuery plugin (translated)
Easy to use countdown script. Unfortunately no demo or example.
{ 39 comments… read them below or add one }
This is a useful countdown jQuery. This is just what I needed. Thanks
like where to get it all?
the best countdown have ever seen, thanks and good luck.
Thanks for that simple countdown. It’s all I needed and everything I found until this was some way over complicated thing.
Only I had to take out the web page bit and make it just count
$(document).ready(function(){
var count = 10;
countdown = setInterval(function(){
$(‘#countdown’).html(” + count + ”);
if(count != 0){
count–;
}
}, 1000);
});
oops the page took out my header tags around “count”. It’s a simple h1 tag is all
Wow, great compilation of amazing countdowns thanks.
Thank you very much for this post, very useful countdown timers.
smart post, really thats very helpfull for me
i love this example bcoz i don’t know jquery
Does any one know how to reduce the sizes of these jquery countdown clock?
I am trying to fit it into my website.
The “jQuery Countdown plugin that doesn’t sucks!” actually sucks in IE7 as it clearly does not work.
i have the same problem with ie7.. any help how to fic this one? thanks
Just push tour f***ing IE to trash!
This sh*t must really die!
Thank you very much for this post
Interesting. Id love to put one on my site
Works fine!!!
Nice collection, thanks for sharing…. definitely useful on my next project.
Nice list of countdowns, thanks!
nice collection…… Appricated. Thankx
For wordpress users i recommend Uji countdown plugin.
Uji plugin doesn’t work! Why is it that you haven’t replied to all those people in the WordPress.org support forums who have been asking for help?
I was looking for a simple text based countdown timer so I liked and will use Countdown timer jQuery Plugin from webmuse.co.uk
Thanks for sharing these nice countdown scripts.
Thank you very much.
Wonderful collection.
Thank You!!! Thank You!! Thank You!!! I now have a variety of clocks, countdown timers, calculators…….etc…. This project just got a little easier!!!!! i was in desperate need of good calculators, countdown timers, and clocks and I finally found them!!!!!! I now have over 20 calculators, another 20 countdown timers, and 5 new clocks….I’m extremely pleased, the only question now is how many of these scripts will I be able to use without a fight!!!!!! (with my computer that is….:) ) Thanks again! Peace out!
Hey Everyone,
Would I be able to plug in the html to one of these timers into a wix site? Your help is much appreciated. Thanks!
Hello,
I did this myself and posted it on phphunt if it can be useful:
http://www.phphunt.com/137/live-clock-in-jquery
It uses jquery, it’s basically a jquery , and it can take a server timestamp to start with. The css can also be easily modified to one’s own likings.
Thanks, nice stuff!
Thanks…
thank u for this ….
Trying to learn how to make a way to do a timer app using PhoneGap, so this will be very useful. Thanks.
How can I put a link when the counts end the page redirect auto to the page indicated on the code?
Im impressed, I have to admit. Actually rarely will i encounter a blog thats both educative and entertaining, and without a doubt, you may have hit the nail for the head. Your idea is outstanding the catch is something which too little everyone is speaking intelligently about. We are very happy we stumbled across this within my look for some thing regarding this.
Very nice source for countdown jquery scripts. Thanks.
this is a good list , and well orgnised
Thank you for the sharing
This is my first time go to see at here and i am actually pleassant to read all at single place.
Tying to use Uji Countdown for a WordPress site. It won’t change dynamically. Have to refresh page. Plus it won’t remove seconds even though I removed them in template? How lovely
I used one of them. thanks admin
It’s remarkable in favor of me to have a web page, which is valuable for my experience. thanks admin
I really liked the Gieson countdown timer, because its resizable and it displays a month. However, it doesn’t work in IE 7 or IE 8! Anyone know of a similar one with these features?
{ 1 trackback }