Take a look to the demostration. This countdown has an amazing animation.

This project is still at beta stage, and probably it will remain that way :(. Now you can download the PSD file (It's here)

Basic usage:

  $('#counter').countdown({startTime: "01:12:32:55"});

Complete usage:

  $('#counter').countdown({
    stepTime: 60,
    format: 'hh:mm:ss',
    startTime: "12:32:55",
    digitImages: 6,
    digitWidth: 53,
    digitHeight: 77,
    timerEnd: function() { alert('end!!'); },
    image: "digits.png"
  });

Added continuously countdown

  $('#counter').countdown({
    format: 'sss',
    startTime: "120",
    continuous: true,
    timerEnd: function() { alert('end!!'); },
    image: "digits.png"
  });

###Countdown to a Date

Relative to current hour:

  $('#counter').countdown({
    image: "digits.png",
    format: "mm:ss",
    endTime: '50:00'
  });

An absolute date:

  $('#counter').countdown({
    image: "digits.png",
    format: "mm:ss",
    endTime: new Date('07/16/13 05:00:00')
  });

Did I mention that js code weighs just 1.7 KB?

Author

Martín Conte Mac Donell [email protected] - @fz

Demo

See the demo !!.