Clock CountDown with jQuery,

This jQuery plugin allows you to create a countdown very easily, it shows a very particular images like the old style clocks that changes with a light animation.

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"
});
Author: Martin Conte Mac Donell - Source

Sponsored Links:



Comments

spideynme:
2011-12-29 15:12:47

Doe anyone know how to resize this count down clock to fit the web page?

Studio-hb:
2012-06-25 08:06:07

Pour resizer vous devez changer la valeur par default dans le script ainsi que resizé l'image via photoshop ou autre

stiml:
2012-07-20 08:07:28

Bonjour,

J'ai tenté de resizer le countdown pour l'afficher sur mon site mais j'ai un soucis avec le défilement des chiffres ...
Dois-je modifier autre chose que la taille de l'image et les paramètre digitWidth et digitHeight ?

Leo:
2012-12-29 01:12:53

If the startTime are set to more then 99 days, the countdown seem to go wrong. Hours, Minutes, and Seconds all countdown from 100 instead of 60.

$('#counter').countdown({startTime: "100:00:00:00"});

Any idea where go wrong?

Leave a comment
[Optional]
(Will not be shown on the site)
[Optional]
[Optional]

Recent Comments

venkatesh cs said:

Thanks for sharing valuable information.https://www.credosystemz.com/courses/digital-marketing-training ...

josephin jose said:

Really nice post. Thank you for sharing amazing information. <a href="https://www.credosystemz.com/java-training/">Java ...

keen Digital said:

Thank you so much for sharing such an awesome blog. <a href="http://www.keendigitalservices.com/">digital ...

impressbss said:

Article is very informative nice to read it <a href="https://www.impressbss.com/">web design company ...

tvtap said:

http://tvtap.fun

venkatesh cs said:

Excellent Blog. Thank you so much for sharing. https://www.credosystemz.com/training-in-chennai/react-js-training/ ...

josephin jose said:

the best java training in chennai is credo systemz. https://www.credosystemz.com/java-training/

gokul prasath said:

Thank you for this informative blog <a href="https://www.credosystemz.com/training-in-chennai/best-data-science-training-in-chennai/"/>Top ...

Benish said:

Nice post.... thank you for sharing motivate information.. <a href="https://www.credosystemz.com/training-in-chennai/best-python-training-in-chennai/">Best ...

Joviksha jovi said:

Get the most advanced AWS Course by Professional expert. Just attend a FREE Demo session. For further details call us @ ...

SyntaxHighlighter.config.stripBrs=true;