chrisdean supports this item


98 comments found.

Hi. How to make the countdown timer starts again automatically after the end of time?

Thank you for the purchase. Sposibo. There is no “evergreen” feature included, but I created some custom version for a client in the past. Email me at Apart from that if the timer refreshes every hour for example you can simply point a date in the far future and hide the days and the hours. That way the hours will “reset” every 60 minutes. That applies also for a 24h period where you can only hide days.

does the visual builder come with the code?

Thank you for your interest. Yes, it does.

Can you help please, we’ve followed your instructions and set the counter but it is 1 hour out at 9am it shows 16 hours left not 15 hours, see code:

<!- jQuery Countdown For Mega Deals -> <script type=”text/javascript” src=”/assets/js/jquery.responsive_countdown.min.js”></script> <script> $(”#first_countdown”).ResponsiveCountdown({ server_now_date:”2016/06/30 08:59:45”, target_date:”2020/1/1 00:00:00”, time_zone:0,target_future:true, set_id:0,pan_id:0,day_digits:3, fillStyleSymbol1:”rgba(255,255,255,1)”, fillStyleSymbol2:”rgba(255,255,255,1)”, fillStylesPanel_g1_1:”rgba(100,100,100,1)”, fillStylesPanel_g1_2:”rgba(30,30,30,1)”, fillStylesPanel_g2_1:”rgba(100, 100, 100, 1)”, fillStylesPanel_g2_2:”rgba(30, 30, 30, 1)”, text_color:”rgba(255, 255, 255, 1)”, text_glow:”rgba(0, 0, 0, 1)”, show_ss:true,show_mm:true, show_hh:true,show_dd:false, f_family:”Verdana”,show_labels:true, type3d:”single”,max_height:190, days_long:””,days_short:””, hours_long:”hrs”,hours_short:”hh”, mins_long:”mins”,mins_short:”mm”, secs_long:”secs”,secs_short:”ss”, min_f_size:20,max_f_size:54, spacer:”none”,groups_spacing:2,text_blur:2, font_to_digit_ratio:0.125,labels_space:1 });


Thank you for the purchase. I missed your message today. Can we sort it out tomorrow. I need to put the children to bed now.

Hm I think it has to do with Daylight Saving Time. If you try target date like “2016/07/30 00:00:00” it works ok. But if target date is after daylight saving time date then the anomaly shows.


When I remove the day the hours do not increment accordingly – for example If the day is showing and it says 1 day 2 hours 20 seconds and I remove the day it should change to 26 hours 20 seconds but that does not happen

How can I fix this?


There are only two digits for the hours and they change from 00 to 23. I had a custom solution for a client that made possible to show up to 3 days in the hours section, but the version on codecanyon does not support that, which can be also seen in the demo.

Hi, I’ve got the plugin ready to go except I’d like it to countdown from 10 minutes when my site is visited. Is this possible?

It’s hosted now at

Hello and thank you for your purchase. You can get the current time of page visit and add 10 minutes in milliseconds in order to calculate the target date. Something like this:

target_date = new Date();//this is now date/time

target_date = new Date(target_date.getTime() + 10 * 60 * 1000 + 1000);//this is now + 10 min * 60 sec * 1000 ms. i add 1 sec more cause i have glitches in this mode.

time_zone = target_date.getTimezoneOffset()/(-60);//this gets visitor’s timezone

target_date = target_date.toDateString()+’ ‘+target_date.toTimeString();

Then you need to use this variable when you initialize the plugin. If you need more help write me at

Your site looks really nice :)

Installed this countdown on a wordpress site and it seems to work good in the visual editor, but when you click “update” to save the changes, it reverts back to default date “year/1/1” Any ideas? I want to set it for 2017/10/26, but when I click update, it defaults back to 2017/1/1

You installed the WP version, right?


Should I create a new page or the page is already? Or Can we add this code on our page? Which we have already created? Integrate your code on my page here image attached

We just need to

Thank you

send again to also i am a bit confused… do you still have issues?

No problems Just change the color of: day, seconds, etc ….. It works very well your plugin, very good work

I am glad! Can you please leave a rating? In your DOWNLOADS section there is a 1..5 stars rating tool.


Has there been some big changes? My plugin works suddenly no more. It is some time since I used it, but can also see that the older sites where I have use this downcounts plugin – there are they not working either.

What can i do?

See here: x=angstekspert

If you view the source of the page you will not find the code that starts the plugin. The part that binds the plugin to a div is missing.


Thank you for your answer. I realize that you’re trying to help, but your help is not working.

If you wont tell me howto fix problem to get the plugin to work, then I will be very happy if you can refer me to documentation on how I get it to work.

I did all possible kind of div and other stuff to make it work.


I don’t know how can I explain this in different way. In the item description which is public on this site you can find 3 steps needed for basic usage. First is to include a div in your page which will hold the plugin. Second you need to include the JS library of the plugin and third you need to execute the code like this:


In your page I only saw the second step.

From what account did you purchase my plugin? Can you log with it and we can continue the discussion if there is anything more that can be added?


i just finish my first countdown and i need to make it restart when it finish but i don’t see the the function on the documentation. Let me know how to do. Thanks

Please, write me at


We were wondering how to change the speed of the flip, as we are using the flip clock as a counter rather than a clock. I had a look through the help but couldn’t find anything. Is there a way to change the flip speed? So its faster than a second?

sorry for the really late reply. there is a number in the script that can make it flip faster. find this one in the jquery.responsive_countdown.js version: setInterval(animate_digits, 33); You can use smaller setInterval(animate_digits, 15);

Many thanks for the reply! I found the line.

Good job ;)

Hello, in your documentation you state: “In example #4 of the demo I am setting the target date like this: target_date: new Date(); which means now, and also I set the time zone to time_zone = target_date.getTimezoneOffset()/(-60);” – but there is no Demo Example #4 anywhere.

I would like to set the countdown to always be 4 minutes from now, how can I achieve that?

Who said I want a count up tool? Please see this line: “I would like to set the countdown to always be 4 minutes from now”. I just want the timer to always start at 00:04:00 and go DOWN till it reaches 00:00:00.

The code you suggested is giving a syntax error and I guess it’s not made for a countdown but as you stated for a countup…

EDIT: Got what I needed with:

momentOfTime = new Date();
myTimeSpan = 5601000;
myTimeSpan = momentOfTime.setTime(momentOfTime.getTime() + myTimeSpan);
time_zone = momentOfTime.getTimezoneOffset()/(-60);
 target_date: myTimeSpan, 

Regarding fonts: How come the fonts are working for other elements but are not working for the counter? If it’s really so I call it a bug that should be fixed. I have 3 google fonts linked to my page and they work perfectly fine with other elements. Maybe there’s a way to add them in the counter js/css?

I don’t have explanation how I missed the line with the 4 mins. Sorry for that. Either way I am glad you managed to calculate the target date using “now time” + ms and the user timezone.

When you say (not always) do you mean that sometimes it shows and sometimes not, but on same device? Or it shows all times on some devices and never on other devices?

The thing is these labels are part of the canvas that draws the countdown and canvas is not the great tool to display text. For example it had issues with anti aliasing and that was why I used some filters on the text to minimize the issue. Maybe it is a good idea to use empty labels and just use separate div to put the nice font you want to use.

Gotcha, thanks for the assistance!

Hello good afternoon!

I’m having trouble running the timer using Ractive.js I would like to know how I can use … Thank you

Can you show me a link pls?

Can it do an action once the timer hits zero?

It can execute Javascript function.

How can i add my custom CSS?

What exactly you want to customize?

this plugin use a my time in server, if i acces from diferents computer i can see cut down same time?, for example i entry from china i see 30 min remaining, if at same time entry from argentina i will se 30min? regards

Hi, yes that is possible. You may use PHP to take the time from the server/database/etc. and echo it as value for the target date of the countdown.

Hi Just wondering if I can purchase a development / extended licence or if open to discuss as I wish to implement this into a website theme and 100% happy to purchase a suitable licence that allows me to do this. the intended project will not be changing the code whatso ever only wish to add the countdown feature into an existing a website theme (my own development) as an added feature. let me know if providing a suitable licence for such a project is of value to you and if we can discuss etc. cheers, S

I guess you mean the Wordpress version? I must admit that this is the first offer and I don’t have the experience how to handle that. I read about the extended license and it seems it allows that. I was not able to add a price for extended license though. There is no interface for such action in my Edit item page :(. Will try to resolve that later.

Hi. In my situation I have to take attribute from html element end send it to ResponsiveCountdown() It looks like var $endDate = $(”.dataend”).attr(“data-countend”); $(”#countdown”).ResponsiveCountdown({target_date: $endDate })

It works with Chrome but doesn’t with Safari ( TypeError: undefined is not an object (evaluating ‘t.length’) What’s wrong and how to resolve this issue?

I don’t think that this JavaScript error has anything to do with the counter. Here is what I found: (#2). “This is an error that occurs in Safari when you read a property or call a method on an undefined object. You can test this very easily in the Safari Developer Console.”

Hi, is there any chance we can get a update version for retina screen, it’s look blurry on retina screen…

Does it look ok on other screens? Do you have it implemented somewhere, so I can have a look? I found work arounds, that play with canvas size and can fix that issue. Can you write me through my profile’s page, so I can reply.