Using jQuery Countdown Scripts is a simple and 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.
If you like jQuery plugins and javascript in general, make sure to check out the thousands of fully-licensed scripts found over at Envato Market.
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.
[exec]$filestr = file_get_contents (‘http://www.tripwiremagazine.com/googleadsensebelowmoretag.inc’);echo $filestr;[/exec]
Article Index
Premium jQuery Countdown Scripts
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. Take a look at these premium scripts with useful features and helpful support.
Interaction Plus – Popup and Modal JS plugin + Builder
If you add Interaction Plus to your website you will get a huge collection of 100+ animated popups and modals. You will be able to show an engaging popup window when your visitors come to your website, leaves, scrolls or clicks. It allows you to also animate sub elements. This is an awesome plugin to help you attract your visitors attention and it has good looking countdown timers.
Resizable Multicolor Countdown
Resizable multicolor countdown is a popular tool for adding countdown timers on your website. It comes with flipping animation and you can easily adjust the colors from the back-end. It is responsive and will look good on any screen.
JBMarket Circular Countdown
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.
CountDown With Image or Video Background
CountDown is a powerful plugin created for websites under construction and upcoming events. It is perfect for all kinds of time sensitive promotions like last minute offers, launching a new product and much more. It is highly customizable and comes with Responsive Design. You can set a begin date & end date, add your logo and social sharing. The plugin even supports Touch Screen Navigation and YouTube / Vimeo backgrounds.
Soon Countdown Builder, Responsive jQuery Plugin
Soon is a flexible and easy to use Countdown Builder. It is Plug & Play – using the Visual Builder you can create a variety of stunning countdowns for your website. You will have 15 Preset Templates to get started and from there you can design your unique countdown timer.
Free jQuery Countdown Scripts
jQuery Countdown
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
Countdown is a highly flexible javascript flip clock. A countdown widget for your web page that displays the remaining as a flip clock or simple numbers.
Other countdown scripts your may find useful
Lars started tripwire magazine back in January 2009. He is really passionate about web design, web development and loves to look into new technologies, techniques, tools etc. and to write articles for his readers.
Great Article.. Thanks..!
Excellent time count jquery scripts
Thanks for sharing
We are promoting 2 events on our website and would like to have 2 countdown clocks.
Tips?
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?
It’s remarkable in favor of me to have a web page, which is valuable for my experience. thanks admin
I used one of them. thanks admin
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
This is my first time go to see at here and i am actually pleassant to read all at single place.
this is a good list , and well orgnised
Thank you for the sharing
Very nice source for countdown jquery scripts. Thanks.
Hello very nice the Timer Scripts,
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.
How can I put a link when the counts end the page redirect auto to the page indicated on the code?
Trying to learn how to make a way to do a timer app using PhoneGap, so this will be very useful. Thanks.
thank u for this ….
Thanks…
Thanks, nice stuff!
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.
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!
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!
Thank you very much.
Wonderful collection.
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.
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?
nice collection…… Appricated. Thankx
Nice list of countdowns, thanks!
Nice collection, thanks for sharing…. definitely useful on my next project.
Works fine!!!
Interesting. Id love to put one on my site
Thank you very much for this post
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!
Does any one know how to reduce the sizes of these jquery countdown clock?
I am trying to fit it into my website.
i love this example bcoz i don’t know jquery
smart post, really thats very helpfull for me
Thank you very much for this post, very useful countdown timers.
Wow, great compilation of amazing countdowns thanks.
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
the best countdown have ever seen, thanks and good luck.
This is a useful countdown jQuery. This is just what I needed. Thanks
[…] 9 Cool jQuery Countdown Scripts – tripwire magazine – […]