10 Awesome jQuery Count Down Scripts

Sam Deering

We have seen enough samples of the countdown features in most site like RapidShare, MegaUpload etc that allows you to download files but make you wait specified number of seconds before giving you the download link. We have probably also seen sites that are not online yet using a countdown to tell visitors to come back in a very dynamic manner. A countdown script has a lot of useful cases and the good news is that there are some really good jQuery scripts you can use for your site.

Check out our list of 10 Awesome jQuery Count Down Scripts below. Enjoy!

Update 03/01/2012: Another good one: jQuery Counter Plugin.
Update 29/09/2013: Added jQuery later.js Plugin


1. 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.jpg
Source


2. littlewebthings CountDown


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


3. jQuery Countdown plugin that doesn’t suck!


This countdown has a great animation.
jQuery-Countdown-plugin-that-doesn’t-suck1.jpg
Source


4. The Great Cornholio Countdown


Very simple countdown, all it does is it transforms a sql timestamp (YYYYMMDDHHMMSS) into a countdown timer.
The-Great-Cornholio-Countdown.jpg
Source


5. 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.
jQuery-Countdown.jpg
Source


6. 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.
Countdown-timer-jQuery-Plugin1.jpg
Source


7. 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.
jQuery-CountDown-Plugin1.jpg
Source


8. KK Countdown


Plug-in counts time to a particular date in the future.
KK-Countdown.jpg
Source


9. The Final Countdown


A really simple and abstract date countdown plugin for jQuery.
The-Final-Countdown.jpg
Source


10. Fancy Countdown


A fancy countdown timer which is visually stunning. It looks like the one Google I/O used in their website.
Fancy-Countdown1.jpg
Source

jQuery later.js Plugin

Later works in both the browser (IE7+, FireFox, Chrome, Safari) and Node.js environments. Simply include the library to get access to the Later namespace and all functionality.

later.js
Source Demo

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • Booooo

    Why is it so hard to find countdown timers that have nothing to do with DATE or TIME? Like counting down from 1337.1337 to 0 in increments of 0.404 ?

  • jtyt

    like

  • Ovidiu

    Another good countdown script: http://code.zeurois.com/jquery-countdown