20 Cool jQuery Countdown Scripts

by Lars on January 21, 2012

 Cool jQuery Countdown Scripts

I’m sure you have notices the countdown features on sites like RapidShare and MegaUpload that allow you to download files but make you wait a specified number of seconds before giving you the download link. You have probably also seen site that are not online yet using a countdown to tell visitors when to come back in a very dynamic manner. They can also be used to countdown to a release date of a game, a movie or to a party. Countdown script simply have a lot of useful use cases and the good new is that there are some really good jQuery scripts you can use for your site. In this article you will find all the useful jQuery countdown scripts available right now for free download. jQuery is also useful in many other areas and in particular jquery carousel and jquery menu plugins can give a website a facelift.
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.


WooThemes - Made by Designers
WooThemes - Made by Designers

Advertisement

Article Index

Premium jQuery Countdown Scripts

Live Brodcast Countdown Module

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

MORE INFO / DEMO from CodeCanyon (premium script)

Easy Countdown

image

MORE INFO / DEMO from CodeCanyon (premium script)

jsCountdown

Included are 14 different skins to choose from and a template file (png format) to make your own.

image

MORE INFO / DEMO from CodeCanyon (premium script)

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. JavaScript Animated Counter

MORE INFO / DEMO from CodeCanyon (premium script)

Countdown / construction page

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

MORE INFO / DEMO from CodeCanyon (premium script)

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.

image

MORE INFO / DEMO from CodeCanyon (premium script)

FlipTimer

FlipTimer 1.2 with 8 color themes ready made and a beautiful template with working contact form included

FlipTimer

MORE INFO / DEMO from CodeCanyon (premium script)

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.

image

MORE INFO / DEMO from CodeCanyon (premium script)

Coming soon landing page

Javascript Under Construction Website Counter!

image

MORE INFO / DEMO from CodeCanyon (premium script)

Premium Coming Soon – WordPress plugin

image

MORE INFO / DEMO from CodeCanyon (premium script)

5sec Maintenance Mode

6 beautiful, funny templates to make your visitors less angry while you’re offline

image

MORE INFO / DEMO from CodeCanyon (premium script)

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. image

DEMO

jQuery Countdown with Background and Overlay

Really cool countdown script. There is a full package for download with script, images, css etc. jQuery Countdown with Background and Overlay

littlewebthings CountDown

This is an Easy to use animated countdown JavaScript. It is jQuery compatible and easily skinable littlewebthings CountDown

Demo:

jQuery Countdown plugin that doesn’t sucks!

jQuery Countdown plugin that doesn't sucks!

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. image

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. image

How can I make a jQuery countdown

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

The Countdown jQuery plugin (translated)

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

jQuery Countdown Clock (wordpress plugin)

Display and configure a jQuery countdown clock on your sidebar, allowing you to style the result via custom CSS styles. Generates a countdown widget using jQuery. No Flash required, just a JavaScript enabled webbrowser. More advanced users can even use CSS to customize the appearance of the timer.

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.

{ 12 comments… read them below or add one }

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

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

Reply

Unblocker June 25, 2011 at 10:10 pm

like where to get it all?

Reply

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

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

Reply

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

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

Reply

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

Reply

pranav September 16, 2011 at 5:09 am

Wow, great compilation of amazing countdowns thanks.

Reply

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

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

Reply

Gagan November 15, 2011 at 11:30 pm

smart post, really thats very helpfull for me

Reply

i love November 19, 2011 at 1:10 pm

i love this example bcoz i don’t know jquery

Reply

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.

Reply

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.

Reply

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

Thank you very much for this post

Reply

Leave a Comment

{ 1 trackback }

Previous post:

Next post: