10 Awesome jQuery Count Down Scripts

Sam Deering
Tweet

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

Get your free chapter of Level Up Your Web Apps with Go

Get a free chapter of Level Up Your Web Apps with Go, plus updates and exclusive offers from SitePoint.

  • 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

  • http://www.Pixelacid.com/ Pixel acid

    I want to add countdown timer before my download button
    anybody know how to do it please help me

    please help me how to make countdown timer or please tell me errors in this code.

    jQuery(document).ready(function() {

    var sec = 30

    var timer = setInterval(function() {

    $(“#mdtimer span”).text(sec–);

    if (sec == 0) {

    $(“#makingdifferenttimer”).delay(1000).fadeIn(1000);

    $(“#mdtimer”).hide(1000) .fadeOut(fast);}

    },1000);

    });

    Download

    Please Wait 30 seconds

    i added above code in my page directly on wordpress but it wont work how to do?

    Or please tell me how to use jquery countdown timer
    but i want to change download link every time so please tell me how to do this

    Want to make like 4shared,rapidshare,megaupload
    Thank you very much !