30 comments found.
Does this timer work with serve, or used for demo html pages?
It’s JS timer. You should set the date by coding.
Can I use this to display or hide a link/button/html when the countdown expires, on an evergreen basis (client-side)?
I removed external JS calling feature.
You can do following options:
“Expire type of message, hide or redirect after the counting finishes”.
I would like to hide the order/book button and show an expiration message? Would i need to know javascript to implement?
I can help you editing the JS source if you PM me after you buy. You just need to write button and message IDs.
Does the timer have an auto reset (restart) feature?
Yes.
Can you provide an example html code to embed just the timer in a div?
Figured it out! Great product…
Ok. Thanks!
Sorry, I did try to embed the timer in a webpage and thought is was working. When published it seems to not work. Can you provide an embed example code please?
I think, you didn’t include JS & CSS files properly. If you write a test url, I can have a look.
I deleted the page with embed code. Will setup again and send link.
Ok.
How do we make the circles smaller? When we use “diameter”, other items are out of proportion: https://certifyc3.com/special-offer/
It auto resizes according to the container width.
We are using the default page settings; how do we set the container width?
Looks like the style.css file? Which attribute to reduce timer container size (to remain responsive)?
We did it! Should be all set. Thanks for your excellent help.
Ok. Thanks!
Hello,
I just downloaded your module and I would like to install it on Wordpress. You have to upload a .zip file to download the module on Wordpress. I tried the whole file but it didn’t work. Then I zipped the source file but it didn’t work either. Same thing for the deploy file. I even made a zip file with deploy and source but it didn’t work either.
I hope you can help me.. Thanks in advance!
Nice evening.
You should buy WP version in order to use as you try.
Dear Athena Studio Support Team,
I buy CircleTimer – jQuery. Great small plugin.
I have one question, please look to my attachment file:
https://aukcjabudowlana.etcom.pl/wp-content/uploads/2023/03/countdown-from-right-to-left-counter.jpgHow to change the countdown direction. Please look and help me solved these thing.
My Themeforest profile: https://themeforest.net/user/toxroom
With best reagards Łukasz
I didn’t try it in that way.
You can have a look its source code which is included in the zip file.
Hi, I purchased the wrong version. I wanted to buy the wordpress plugin. Is it possible to get a refund?
I can refund if you didn’t download the item.
If that would be possible, that would be nice!
If you didn’t download, you can request a refund.
Pre Sale question. I would like to display the timer everyday in a certain time period. For example between 6am and 6pm daily. Is it possible to set this timer up like this? I only need the shortcode function not any functionality on a product page. Kind regards
You can add your own PHP or JS codes to show/hide elements in your website.
Hi, just purchased and they look great. But how can I have multiple timers on the same page without renaming each div and duplicating the js settings? I would like the exact same settings but have the timer appear multiple places on the page… how can this be accomplished?
Forgot to mention… when i duplicate the div with class=”countdown” the first one appears fine but it doesn’t cycle through to the second on and in inspect tools there is an error.
You must use different classnames or IDs for each timer layer & JS code.
is there a way to make it cycle through duplicate classes by editing source code?
I couldn’t understand it! You just need to change ”.countdown” with your own classname for each timer. Or, you can add id like that:
<div id="timer1" /> <div id="timer2" />
And, call them like that:
$("#timer1").circleTimer({
...
$("#timer2").circleTimer({
...
where ”...” will be timer settings.
Hi there, I bought the jquery and the wp version. But I have a problem with both. I thought that the countdown between start and end date is calculated. Then the countdown would have to be identical for all users – no matter which country they come from, right?
After the countdown has expired, a video should be displayed that everyone around the world can see at the same time according to German time. Now some users have changed their date on the computer and the countdown ended earlier for them. How can I ensure that all users worldwide have the same countdown? I need this for jquery and wp version.
I don’t seem to understand something here?
“Expire type of message, hide or redirect” as written in item info!
You can customize source/jquery.circletimer.js and copy it to deploy folder. Source code included to make changes as you want.
yes, but what do I have to change so that the countdown is the same for everyone?
I think I need servertime
You can edit the start-end dates by PHP or ASP.NET. I’ll check if I can include server time.
Hi we bought the plugin, but when we resize the timer, the circle border of the canvas is blur and not correct. can refer screenshot here. this is especially obvious in retina display. We tried width different combination of bgWidth & circleWidth but also same result. https://ibb.co/pKZ7TgT
It resizes automatically according to the container size. Nothing to do about retina display. You can edit JS file by copying it from source folder.
Hi, Can you tell me what the use of StartDate exactly is? No matter what I put here it doesn’t seem to affect the countdown timer
It calcs the start time.
can you give an example? because I don’t see how the countdown time needs to be calculated with a start time. That just the end time vs the current time?
You can see source code in source/circletimer/jquery.circletimer.js
Following code calcs total days by start & end date differences:startTimeDiff = options.endDate-options.startDate;Following code calcs the difference if the timer calcs the PAST:
endTimeDiff = !options.past ? options.endDate-currentTime : currentTime-options.startDate;
Hi there,
can you please advise, the product which buy it is not supporting internet explorer, i need to add any code for that.
You can add modernizr JS for old browsers.
Hello, everything works great, just a question: Instead of adding the “startDate”, I need it to be always the current date… thank you !
You can do it like that:
var today = new Date();
var startDate = today.getFullYear()+'/'+(today.getMonth()+1)+'/'+today.getDate()+' '+today.getHours()+":"+today.getMinutes() + ":"+today.getSeconds();
api = $(".countdown").circleTimer({
startDate:startDate,
endDate:"2020/12/25 12:30:00",
timeZone:-5 //Time zone of New York
});
Works great, thank you!
Ok. Thanks!
Can I do reoccurring countdowns with this- so if I set it for 7 days, after 7 days it will restart?
Yes. You just need to set the reset interval as “604800” seconds and enable auto reset.
Before i buy this script i want to know if the countdown can be made to not reset on page refresh?
It countdowns from a recent date. So, it won’t be reset.
I mean that if i want to set a 30 minutes countdown this will not reset if the user refresh the page or leaves the site and come back.
It will reset the timer every 30 min. after the date/time you wrote. So, it won’t be changed if you refresh the page.
I will check it.
It resets after the refresh.
I modified auto-reset feature. It continues the from the last time of the counter whether you refresh the page now.
Hello! I just purchased the circle countdown timer today and I am trying to add the JavaScript to my Wix site. I need help with the coding and layout. I am in the NY timezone, for coding reference. I have also emailed you.
Thank you!
I didn’t use Wix before. But, you just need to upload folder named circletimer in deploy.
Hi, I want to use to on an opencart site. Basically under the add to cart button. I just need it to countdown and reset every. Such as ‘Order now and get it on 23-05-2019 with next day delivery’ Similar to how this page is doing it :
https://www.smartseal.co.uk/sealers/block-paving-sealer/block-paving-sealer-polyurethane-commercial-.htmCan I configure it to do something like this?
You need to add JS-CSS files and JS code to run it manually to each page. You can add your custom JS code to reset it. There’s a callback function adding parameter.
Is your product fully compatible with android & iOS mobile devices? Once purchased, is there any hidden, monthly or annual renewal or support charges? And, is this a total white label product and can we host on our server with our own database with no link with your server whatsoever? Please confirm
Yes. It’s compatible with all mobile devices. Because, it’s pure CSS. You can check it also.
You’ll be notified for updates automatically.
Please address our other concerns too….you only replied to one query
You’ll get all source files to host on your server. Didn’t you buy another item from Envato?
You’ll get updates free. But, support is for 6 months as general.
I sent you a PM, awaiting your response.
I will check it asap.
It’s the result of hidden item without the width-height values.
Hi,
I’m using your circle timer in a bootstrap 4 carousel. The first slide it shows as it should, however the other slides it shows very small. If I click inspect item on google chrome it expands to its full size but all others slides, the countdowns are small, even the first.
Any suggestions?
I did not try it so. But, the timer resizes according to the container width automatically.
The container stay the same on each slide?
Can you send me a test url?
Can I send it privately?
Yes. Send as PM with the explanation of the issue again.
It’s the result of hidden item without the width-height values.
