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 email@example.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.
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 ->
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)”,
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 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 firstname.lastname@example.org
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?
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 http://dotstudio.co.uk/codecanyon/countdown/demo/simple_demo1.html
I will look into issue shortly. Just need to attend some family matters right now.
Here I have integrated your plugin everything works
We sent you url by mail to have the color
send again to email@example.com. also i am a bit confused… do you still have issues?
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: https://www.x.dk/webinar-online-foredrag-angst/
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?
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.
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.
Please, write me at firstname.lastname@example.org
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.
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();
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);
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 …
Can you show me a link pls?
Can it do an action once the timer hits zero?
How can i add my custom CSS?
What exactly you want to customize?
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $2
Deliver better projects faster. Photos, templates & courses
Unlimited downloads. Only $29/month
Learn almost anything with
Envato Tuts+ for free
9000 free tutorials, 3000 paid courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work