25+ Cool jQuery Countdown Scripts – Add Dynamic Timers!

September 22, 2016 · 41 comments

by Lars


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.

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.



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

Countdown / construction page

Easy adaptable countdown, under construction – page. Including manual for easy set-up.

Coming soon landing page – MORE INFO / DEMO

Coming soon landing page

Javascript Under Construction Website Counter!

Fresh Parallax Under Construction Countdown – MORE INFO / DEMO

fresh Parallax Under Construction Countdown

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.

Live Brodcast Countdown Module

Easy Countdown – MORE INFO / DEMO

Easy Countdown

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

JavaScript Animated Counter

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 - jQuery plugin

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

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 – 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

littlewebthings CountDown

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

jQuery Countdown plugin that doesn't sucks!

Countdown timer jQuery Plugin – MORE INFO

Countdown timer jQuery Plugin

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

jQuery CountDown Plugin

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

How can I make a jQuery countdown

This is a really simple script, but it is a countdown script…

The Countdown jQuery plugin (translated)

The Countdown jQuery plugin

Easy to use countdown script. Unfortunately no demo or example.

Other countdown scripts your may find useful

Author : Lars Vraa

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.

{ 40 comments… read them below or add one }

Denise May 27, 2013 at 3:25 pm

We are promoting 2 events on our website and would like to have 2 countdown clocks.


Kevin May 16, 2013 at 8:44 am

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?


Barry April 28, 2013 at 9:36 pm

It’s remarkable in favor of me to have a web page, which is valuable for my experience. thanks admin


dao tao lai xe hanoi February 22, 2013 at 4:37 am

I used one of them. thanks admin


Seon Kelly January 30, 2013 at 4:27 pm

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


Janell January 9, 2013 at 11:55 pm

This is my first time go to see at here and i am actually pleassant to read all at single place.


Youssef KH December 25, 2012 at 5:13 pm

this is a good list , and well orgnised
Thank you for the sharing


????????? ??????????? December 14, 2012 at 6:50 pm

Very nice source for countdown jquery scripts. Thanks.


Qasim June 22, 2013 at 12:19 pm

Hello very nice the Timer Scripts,


Christmas Deals for Camera December 10, 2012 at 9:28 am

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.


marcio November 25, 2012 at 3:12 am

How can I put a link when the counts end the page redirect auto to the page indicated on the code?


Pete November 21, 2012 at 11:32 am

Trying to learn how to make a way to do a timer app using PhoneGap, so this will be very useful. Thanks.


sabarimani November 21, 2012 at 10:24 am

thank u for this ….


freelance web designer kerala November 21, 2012 at 6:40 am



monk November 2, 2012 at 5:05 pm

Thanks, nice stuff!


hudson kotel September 6, 2012 at 9:25 am


I did this myself and posted it on phphunt if it can be useful:


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.


Alex Bassitt September 4, 2012 at 8:29 am

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!


Sarah Smith September 2, 2012 at 2:00 pm

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!


Smart eDesigners August 25, 2012 at 7:11 am

Thank you very much.

Wonderful collection.


WebSolHub August 2, 2012 at 11:11 am

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.


Ujimoto July 10, 2012 at 8:58 pm

For wordpress users i recommend Uji countdown plugin.


Cynthia Lay December 6, 2012 at 5:30 am

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?


Rosha Travels July 10, 2012 at 8:37 am

nice collection…… Appricated. Thankx


ne June 27, 2012 at 3:31 pm

Nice list of countdowns, thanks!


Devsign Web Design and Web Development June 20, 2012 at 8:51 am

Nice collection, thanks for sharing…. definitely useful on my next project.


Trouwen April 15, 2012 at 9:06 pm

Works fine!!!


efiling of Income Tax returns March 16, 2012 at 8:27 am

Interesting. Id love to put one on my site


Vedat Osman Korkut January 21, 2012 at 1:55 pm

Thank you very much for this post


Johan January 9, 2012 at 2:39 pm

The “jQuery Countdown plugin that doesn’t sucks!” actually sucks in IE7 as it clearly does not work.


Von December 23, 2012 at 4:55 am

i have the same problem with ie7.. any help how to fic this one? thanks


rg April 22, 2013 at 1:35 pm

Just push tour f***ing IE to trash!
This sh*t must really die!


spideynme December 29, 2011 at 10:13 pm

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 November 19, 2011 at 1:10 pm

i love this example bcoz i don’t know jquery


Gagan November 15, 2011 at 11:30 pm

smart post, really thats very helpfull for me


Website design in sussex September 29, 2011 at 9:52 pm

Thank you very much for this post, very useful countdown timers.


pranav September 16, 2011 at 5:09 am

Wow, great compilation of amazing countdowns thanks.


Ian August 24, 2011 at 11:30 pm

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

var count = 10;
countdown = setInterval(function(){
$(‘#countdown’).html(” + count + ”);
if(count != 0){
}, 1000);


Ian August 24, 2011 at 11:32 pm

oops the page took out my header tags around “count”. It’s a simple h1 tag is all


web design webscala / ????? ???? July 24, 2011 at 9:26 am

the best countdown have ever seen, thanks and good luck.


??? June 8, 2011 at 1:12 pm

This is a useful countdown jQuery. This is just what I needed. Thanks


Leave a Reply

Your email address will not be published. Required fields are marked *

{ 1 trackback }

Previous post:

Next post:

Web Analytics