papanderos supports this item


72 comments found.

Hi, I am trying to implement your CountDown timer just like your demo page using HTML5 canvas. The problem I am having is controlling the width/height. I have it working at 100% of the background image width, but need to be able to set it to 80% (or some other %). I see width and height configuration values towards the bottom of the demo page, but not in the actual code documentation or example configuration. They only reference changing the DIV size, which won’t work for my use case. Thank you.

Why do you wont to change size of canvas. Width of canvas is equal of the div. Change div’s width.

Hi, Thanks for some great code. I might be being stupid but how do I get the countdown time to appear over the top of a graphic as on your demo page. I am using a normal jpg file for the image and would like the timer over the top of this. Thanks for any help

Hello, you can copy code from my demo page. To make one layer over other you have to use z-index. Look here:

Hi Papanderos, Of course, thanks for your help. Works perfect now!!

You are welcome. If you like this script, please, don’t forget to rate it.

Hi, I am testing the code out on this page but there seems to be a blank image (canvas) pushing the time down the page.

How can I get the time to appear under the text please?

Hello, It is very strange. Try to set image height on line 1201 in CountDownJS.js: style=”height: 1px;”

That worked. Thank you.

Hello, is there a setting to redirect to a url when time is up ? Thanks

No, i didn’t mean which editor you use, i mean how / with what did you encrypt countdownjs.js ?

nice… thanks

Hello, is there a setting to redirect to a url when time is up ? Thanks

good work – amazing


I wonder how to incorporate your code into a Wordpress page. Any experience?


Hello, I do not know how it works wordpress. The script work directly with html. Has the ability to embed the code in WordPress ?

Hi, I want a “countdown” only days. This code I can determine the date the countdown will end? Thanks

Hello. There is function in script which start when the code is end.

Hello, thanks for your script. It looks great on desktop version, but it seems, that it’s a bit blurry on smartphone displays (e.g. on Sony Xperia Z3 Compact). Is there a way to increase the canvas resolution (ppi?) or another trick for fixing this? Thanks a lot!

Hello, can you send me screenshot?

Sure, I’ve sent you a PM.

How can I integrate this with WordPress? Many of us use the combination of WordPress and Avada. Thanks!

Hello, I do not know how it works with wordpress. The script work directly with html. Has the ability to embed the code in WordPress ?


JDN7 Purchased


I purchased this plug in and it’s working great. Would you be able to advise if there is a way yo change the font? Thanks in advance,


You can change font for the colons(line 162) and text(line 853)


JDN7 Purchased

Thanks. Last question – Is there anyway I can change the font of the numbers on the timer?

No you can not. The digits as vector shapes.

Suggestion: Maybe include a few simple (one-page) fully responsive templates. The countdown timer resizes, but the demo screen text does not. Not a big deal for most, but for newbs to get up and running fast it might be nice for them to just be able to edit the text and change the images for customization. Just a thought.

Thank you for your feedback. I finalize the instructions and prepare a new version of the product.