112 comments found.
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?
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?
2nd question: Sometimes (not always) labels appear as ”?” signs on devices other than desktop: http://take.ms/BNRKz
Thank you for your purchase. The question marks suggest that the used font for labels is not installed on the clients machine. It may display ok on your screen since you have the font, but on other machines it may be missing. Please use more common and wide spread fonts.
example #4 of the demo is the one with grey and green digits showing only minutes and seconds in the demo (2nd row, 2nd column). it suggest the usage of new Date() to get the current time, and the getTimezoneOffset to get the current time zone. These two can be used for a count up tool.
target_date = new Date(); time_zone = target_date.getTimezoneOffset()/(-60); target_date = target_date.toDateString()+’ ‘+target_date.toTimeString();
$(”#first_countdown”).ResponsiveCountdown({ target_date:target_date, time_zone:time_zone,target_future:false });
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);$("#first_countdown").ResponsiveCountdown({
target_date: myTimeSpan,
time_zone:time_zone,target_future:true,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,
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 number.like setInterval(animate_digits, 15);
Many thanks for the reply! I found the line.
Good job 
hello,
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 rimisark_74@yahoo.com
Hello.
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: https://www.x.dk/webinar-online-foredrag-angst/ x=angstekspert
Sorry for the big delay. Will look intro this asap.
Cannot load the link for some reason 
Hi Did you remember to to change “x” to my domainname?
It looks like you only add the .js file. There is no initialization JavaScript.
Hi. What do you mean by “no initialization JavaScript” ? Can you please talk more in detail, as your words makes no sense to me. Note.. it has work until now.
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.
Hello
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.
Thanks
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:
$(’#first_countdown’).ResponsiveCountdown();
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?
Hi. I did a reinstall, and it now working again 
Hello,
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
http://img11.hostingpics.net/pics/295882201701070310.pngWe just need to http://dotstudio.co.uk/codecanyon/countdown/demo/simple_demo1.html
Thank you
I will look into issue shortly. Just need to attend some family matters right now.
You need to add the code on the page you created. There are instructions in the documentation. In two words you need to include the .js file, to add a div with unique id and add the javascript code that will run the countdown in the added div. It is your task to position the div where you want the countdown to show. I did not see confirmation that you a client of mine, though…
Here I have integrated your plugin everything works We sent you url by mail to have the color
send again to rimisark_74@yahoo.com. 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.
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?
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 freeaccelerate.infinimax.com
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 rimisark_74@yahoo.com
Your site looks really nice
Hi
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?
Thanks
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.
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
});
</script>
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.
does the visual builder come with the code?
Thank you for your interest. Yes, it does.
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 rimisark_74@yahoo.com. 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.
Hello there, I’ve uploaded a plugin called WP Rocket to help improve the speed of the site. This meant it minification & concatenation of JS files both from JS files and HTML inline JS. When activated this causes the countdown to disappear. I unclicked the minificatoin of JS and it came back on. Is there any work around this? Any help appreciated, thanks
I switched off another plugin and this seemed to do the trick and now works with all JS minification switched on
Hi there! Did you manage to solve your issue?
Hi, pre-purchase question here: Can the script be used to pull an increasing number stored in a database? For example, can it count the total number of books downloaded?
Thank you for your interest. I have the so called custom mode. In this mode the tool does not act as a timer. It will wait for the use of the set_custom_state public method. You can read more here: http://dotstudio.co.uk/codecanyon/countdown/demo/documentation.html – Advanced Usage >> 7
I have at least 2 customers that used that. I know this is not a big percentage . Read the description of this mode and see if it will do your task. If your page can capture new purchase, without reload then you can refresh the counter and it will flip.
Hi
Am I able set a time (est) and have a countdown to that that resets automaticly?
If it is supposed to reset everyday you can simply set the time, then set a date way ahead in the future, then show just hh, mm and ss. Visually you will get a timer that when reaches 00:00:00 goes back to 23:59:59, but will not execute complete handler.
Is it a 24h period or something more custom? Do you need something to happen or just timer needs to reset?
I will need a few on one page. Some that countdown from 24hrs, so count to say 7pm est then reset to countdown to 7pm est again. Some will need to countdown every 2 hours and reset.
I developed some time ago an evergreen option, but never found time to update the item. Can you please write me at rimisark_74@yahoo.com
Hi Chris – I’m trying to add the with absolute positioning, with its parent being a relative-positioned . The design of my page is all elements that are positioned absolutely. The Quickstart guide says that “the tool needs to execute on a div that is relatively or absolutely positioned”. It works fine if I set position:relative on the div, but then I can’t position it precicely within its parent. Does the div really have to be relatively (only) positioned? Thanks!
Never mind – I’m a bone-head. The countdown div does work positioned as absolute. It may help to specify a width and a height to that div… sorry, I would have deleted this comment if I could. Very nice plugin, Chris.
Thanks! Sorry for the late reply . If you have more issues email me at rimisark_74@yahoo.com.
Hello I bouht this responsive countdown because I need to see it in any device.
After setup it, its not responsive and adaptative on smarthphones.
My site : http://patiocasadefestas.com.br/demo/index.html
I wana fix it or get my money back.
Thank you for your purchase!
The countdown adapts to the width of the parent container. The div that holds your countdown (id=”first_countdown”) has a fixed width of 575px. I tried putting 50% and that fixes the issue.
I see you managed to fix your issue. Can I kindly ask you to leave a rating if you are happy with the tool?
Hi, thats nice countdown. Just one question: I would like to show “next dispatch” from my onlineshop. That means, the countdown needs to run every weekday a new turn from 11:00 am and furthermore from fridays past 11:00 m it needs to countdown to coming monday 11:00 am.
Is it possible to build that behavior once, running automatically everyday and no need re-editig the setup every day?
Hello. Thank you for your interest and sorry for the late reply. I will need to write some lines of code to accommodate that. You can write me at rimisark_74@yahoo.com so I can send you back a demo.
How to redirect to url after countdown ends?
It would be nice to include detailed instruction in the documentation of what the code is and where it goes or even posting it here. I searched but all I see is the same question being asked and a reply to email you for the solution. I have done so but would have rather had access to immediate instructions in the docs or here—rather than waiting for you to email me back whenever.
I sent you some instructions, but will be able to assist more after 24h. Sorry for the inconvenience.
Hello!
Just bought your timer and everything works perfectly except that it starts all over once the page is refreshed.
If you stay at the webpage it counts down, but if you refresh it restarts.
Please help The script also got the server time set so it should use that as a reference right?
Thank you for you purchase. Can you please email me the url of your page at rimisark_74@yahoo.com. Also write me briefly what you try to accomplish.
