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

Anusha D said:

I got an idea after reading your blog. Thanks a lot for sharing this content with us. <a href="https://www.acte.in/python-training-in-bangalore">python ...

Web Educare said:

This is a very good content and thank you for sharing such an wonderful information. Please follow my <a href="https://www.webeducare.com/">website</a> ...

veeera said:

Great post and informative blog.it was awesome to read, thanks for sharing this great content to my vision. <a href="https://www.acte.in/cyber-security-training-courses-in-chennai"> ...

pushba said:

Very nice blog and articles. I am really very happy to visit your blog. Now I am found which I actually want. I check your blog ...

Data Science Training in Hyderabad said:

Fantastic article, information shared was very valuable found helpful and enjoyed reading this one. Thanks for sharing. https://360digitmg.com/data-science-course-training-in-hyderabad ...

Cyber Security Training said:

Very nice blog and articles. I am really very happy to visit your blog. Now I am found which I actually want. I check your blog ...

Cyber Security Course said:

Great Post and including an understanding of the regulatory process. https://360digitmg.com/india/cyber-security-course-training-in-bangalore ...

preet kaur said:

Thank you for sharing such an amazing content Also you can visit my site and find similar and informative content on the ...

Digital Marketing Course said:

Stupendous blog huge applause to the blogger and hoping you to come up with such an extraordinary content in future. Surely, ...

Data Science Course in Bhilai said:

Honestly speaking this blog is absolutely amazing in learning the subject that is building up the knowledge of every individual ...

SyntaxHighlighter.config.stripBrs=true;