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

SEO Training in Hyderabad said:

Bharat Go Digital Academy is a online e learning platform where we teach people the digital skills.

deekshitha said:

Informative blog <a href="https://360digitmg.com/data-analytics-certification-training-course-in-hyderabad">data ...

360DIGITMGtraining said:

I am impressed by the information that you have on this blog. It shows how well you understand this subject. https://360digitmg.com/digital-marketing-training-in-hyderabad ...

tanish velu said:

Thank you for your post, I look for such article along time, today i find it finally. this post give me lots of advise it is very ...

deekshitha said:

Informative blog <a href="https://360digitmg.com/digital-marketing-training-in-hyderabad">best ...

ssdd said:

dsddssd

360DIGITMGtraining said:

It's really nice and meaningful. it's a really cool blog.you have really helped lots of people who visit blogs and provide ...

amritabansal said:

In today's world Data Science is the most desirable course among students and professionals. When I came to know about this ...

data science course syllabus said:

Very Nice Article

princika sweety said:

I want to leave a little comment to support and wish you the best of luck we wish you the best of luck in all your blogging enedevores ...

SyntaxHighlighter.config.stripBrs=true;