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

SSC Result said:

nice post thanks for sharing

movies said:

https://123movies.agency

Amit Sharma said:

Thanks for sharing this information & Nice Blog..

kevin maga said:

very good site

sushmithagowda said:

Great information, thank you for sharing with us.

abc said:

Thanks for sharing this post!!! <a href="http://coupedesameriques.com/les-meilleurs-films-se-deroulant-a-paris-films-tournes-a-paris/">Les ...

W3webschool said:

Great Article. Thank you for sharing! Really an awesome post for every one.

book cleaning services said:

Thanks for a great article.OLA <a href="https://olacleaningservices.com.au/about/">Book Cleaning ...

W3webschool said:

Thanks for sharing such a most informative blog... Waiting for the new updates...

Zuan Education said:

Thanks for your extraordinary blog. Your idea for this was so brilliant. This would provide people with an excellent tally ...

SyntaxHighlighter.config.stripBrs=true;