54 comments found.
Hi
I’m sorry if I’ve asked this twice, but the email notification wasn’t checked!
I’m trying to figure out how to let a user choose from a list of countdown lengths:: 3/4/5/10-minutes, and then when they click a button, the countdown timer appears and starts a countdown for the selected length of time?
I’m not amazing with javascript or jquery, and I’m trying to figure out the best way to get the chosen time length passed to the countdown. Is this possible with your script?
Hope you can help…
KR, Jon
You should write your own JS code for it.
Then, call Flip Timer creating script with the new date interval.
How can I run this with visual studio code?
I’ll put this at the top of my site. Please help me.
I need a countdown and responsive part. Please make a training video?
You should include JS & CSS files to your project which is written in the help.
Does the timer have an auto reset (restart) feature?
Same replied message.
No callback function ? Really ?
There are 3 expire types. No external function call as written in description.
You can add it. Too easy.
expireType: “message” //message, hide, redirect, callback expireCallback: null
switch (options.expireType){ }
case "redirect":
document.location.href = options.redirect;
break;
case "callback":
options.expireCallback();
break;
....
$(”#counter”).flipTimer({ date: date expireType:”callback”, expireCallback: function() { alert(“callback”); } });
Ok. I’ll add it asap.
Wait a second, what is the latest version of this script?
I got version 1.0 and the documentation also references 1.0
Could this be the reason why the onFinish functions aren’t working? Please help as soon as you can.
Can you write a demo url?
I removed callback function.
Why? It’s a key feature of this product!
If you read item details, you won’t see callback function.
Hi,
I tried adding a function which should be triggered when the countdown expires, but so far it hasn’t been working. This is a basic example of what I’m doing:
jQuery(document).ready(function() {
jQuery(".countdown").flipTimer({
date:"2022/11/12 22:45:00",
timeZone:1,
dayText:"GIORNI",
hourText:"ORE",
minuteText:"MINUTI",
secondText:"SECONDI",
bgColor:"#fff",
dividerColor:"#000",
digitColor:"#333",
textColor:"#fff",
onFinish: function () {
window.location.href = "https://mydomain.com";
}
});
});
As you can see, this very simple function doesn’t work. Please advise, as I have no idea what to do. Also, the docs that came with the plugin seem very outdated. There is no mention whatsoever of this “onFinish”. I found it by browsing some previous comments.
I hope you’ll manage to reply soon because I’m stuck at the moment.
I removed onFinish() event type.
There’re following parameters:
expireType:"message", //message, hide, redirect
message:"Sorry, you are too late!",
hide:false,
redirect:""
Does that mean there is no callback function feature (when the countdown expires) anymore?
I removed it about one year ago. And, I included other ways.
You should use it in that way:
expireType: "redirect", redirect: "https://domain.com"
I am talking the callback function feature. I want to trigger my own code when the countdown expires. How do I do that?
I removed it. Because, most of customers can’t use it and wants easier ways to callback.
If you read timer details, you won’t see a text about callback function!
If you PM me, I’ll have a look my backups.
Can you add it back? Some users can’t use it, but why prevent those who can from using it? It adds a lot of value and flexibility to your plugin
I bought your plugin for that feature only. You could keep both features. Those who can’t use callback will use the ExpireType, those who can use callback functions, will use that feature.
You could even raise the price if you added it back, in my opinion.
I’ll do it so.
Thank you! May I ask if you can provide an ETA?
I’ll test and within 2 days.
Hi, was the update released?
Not yet.
Hi, it’s been over 2 months. Is this feature going to be actually added?
I would appreciate an honest answer.
Thanks
Can you PM me? I’ll send you modified code within 2 days.
Code did not work I need a refund please
Can you write a test url before requesting refund?
Thanks,
I changed it.
One more question.
I want to show just like, D – 1, 2, 3 so.. How can I change the number to “D”? is it possible to change like this? date:”2020/12/20 00:00:00”, to date:”D”
or other suggestion?
Thanks for quick reply!
You should work with source code in order to modify it so. You can copy sources to deploy folder.
Hello,
Thanks for made great timer plugin. Could you help me? I want to make something like this.
D-9 D-8 D-7 D-6 D-5…. not D-09 D-08 D-07 D-06 D-05….
Is it possible??
Thank you
It must work like that in order to change all days. But, you can hide them by adding custom CSS.
For example:
.flip-wrapper.day .flip-0 {
display:none !important;
}
Or, you can change day text number the timer settings.
$(".countdown").flipTimer({
dayTextNumber:1,
...
});
If you want to edit source code, you can find it in source/fliptimer/ folder.
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 There
I am using your product on an ecommerce server that we whitelabel, so I don’t have the ability to upload a stylesheet or js file.
I tested this using your links on your demo site, and demo information, with the exception of the stylesheet, which I took away the link and just uploaded the styles to the main site. I am not getting the clock to load up.
Are you able to see what’s going on? https://ndcs.ebloxstoreipu.com/I saw that, you trying to get JS files from my website.
You should include to your website sources!
Ok – i updated and hosted it on my side. Now any ideas why it’s not displaying?
You can open Developer Tools of your browser to see errors in your website easily!
Your site gives the following error:
Loading failed for the <script> with source “https://ipromoteuw2.sg-host.com/js/jquery.js”.
Loading failed for the <script> with source “https://ipromoteuw2.sg-host.com/js/jquery.fliptimer.js”.
As I said, you can open Developer Tools to check your site errors!
Hi,
I want to start the countdown timer on 4 minutes for every visitor, and not to count down to a date. I have hidden the days and hours.
How do I set the countdown timer to 4 minutes instead of a date?
You can do them by timer options.
Look help file for each variables.
showDay:false, showHour:false, autoReset:true, resetInterval:240
Thanks a lot. How can I make the timer to stop at zero, so that the user doesn’t see it resetting.
It goes on autoreset or you can redirect to another page when it resets.
What do you mean “it goes on autoreset”? So you can’t make the timer stop on zero and show the expired message? When I set autoreset to false the timer uses the date instead of 4 minutes.
If you select auto reset you can’t stop the timer.
Or, you can set the date as Now+4 min. But, doing it programatically is your business.
I used Bootstrap for grid system. As I saw, you added its CSS. But, I couldn’t find its style file.
Is there a way to adjust the fit without the bootstrap css include?
You just need to add width to flip timer container. It resizes according to it.
May I please ask you where do I find the flip timer container and how exactly would specify the width so it sizes properly for all media? What exact code would you add? Thank you and I appreciate your help, I’m not a programmer 
Container is your own layer.
I suggest you to use a grid system like Bootstrap if you don’t know responsive web design.
It’s your work to add the code and make your responsive.
When you said to add width to the flip container, is the style you are referring to: fliptimer.css
.fliptimer .flip-container { display:none; clear:both; width: 100%; <<<<<< is this correct? }
.fliptimer .flip-container *, .fliptimer .flip-container *:before, .fliptimer .flip-container *:after { box-sizing:border-box; }
.fliptimer .flip-container.onfinish { opacity:0.2; }
Your layer. Not fliptimer container style.
Will making the counter a little smaller help to make it fit? There has to be a way to be able to insert this widget into existing websites… All works fine its just a little too big since our layout is boxed… Please help troublshoot this.
I checked your site again. There’s a CSS named as ”.day” which is conflicting with “flip-wrapper.day”. You should rename it.
style.css and base.css
Thank you for checking, I appreciate it. I cannot rename any of the existing files on the client’s end. Can I rename the counter css if you tell me where to find them? Thank you again!
You should copy source/fliptimer folder into deploy/fliptimer and rename all ”.day” and class=”day” with another value.
fliptimer.css and jquery.fliptimer.js.
Hello, on mobile devices when you scroll down or up and the browser url bar auto hides the counter keep on resetting to 00:00:00 can this be fixed?
It gets width-height values from its container. So, you should change the container CSS.
Can you help me with this? https://uhive.com/en/exchange
this case only shows on mobile devices whenever the url bar shows or hides it triggers the resize function. please let me know if there is a way around it.
There’s not an issue with my timer.
https://prnt.sc/10csgq6But, you should edit media CSS for mobile including header, menu, footer.
it does not not show on inspect element try it on an actual mobile screen open the url and scroll up or down
I attached mobile screenshot taken from my phone. No issue of my item!
I checked it again and fixed.
You can download new files or remove following code from source/fliptimer/jquery.fliptimer.js and copy that file to into deploy/fliptimer folder:
$container.hide();
Thank you so much will try the above and get back to you if I have any issues. Great support and product.
Ok. Thanks!
for callback, can this be a redirect to another URL or to a modal window (even better)? Then, after a period of time, that other URL or the original page with modal would have a callback to close / return. So I can schedule by day and time (hour and minute). Hopefully this is clear, thank you 
You can set only one callback url.
But, you can add your own function as callback. So, it’s possible.
Great, thank you!
Ok.
Hi. 1. I can create a countdown timer badge and apply it to 50 different products, with different dates. (I want to use a simple product, sale price dates) How is it possible to do it?
2. Supports Dokan
You can use it multiple times in your site. You just need add the layer ID.
Hi, the problem with the shifting of the tiles still exists, I can send a picture from the screen where the problem is clearly visible in any browser.
Can we fix this shift?
Thanks
Please, send a demo url!
Hi,
the site is not in production and there is no address, again I pay a picture of the problem
https://webroom.bg/problem_again.jpgOk.
Hi, I see that this script has an update in 2020, but does it work with the latest jquery-3.5.1?
Version 1.12.4 is very old, please fix this problem because the script cannot be used on modern sites.
Regards
Can you buy it at 1st please?
Yes, of course, but can it be done?
Yes. I will check it by latest jQuery.
Hello, I am pleased to have a license for this script, please update with the latest jQuery.
Thank you
I managed it to work with jQuery 3.5.1.
The following code was generating issue:
<div class="flip-divider" />
Replace it with:
<div class="flip-divider"></div>
And, I changed link tag with layer container.
Thanks for the support
Ok. I’ll be so happy if you rate it from Downloads.
Hello
I continue to use your script and I’m happy. However, there is something that I think deserves your attention. Please look at the image from the URL, where I show with arrows the horizontal displacement of the tiles on the counter.
https://webroom.bg/problem.jpgCan this be fixed because it creates an unpleasant aesthetic experience?
I’m sure you can do that, thank you.
Ok. I’ll check it out. Thanks!
Hello. I am trying to set up a 10 minute countdown timer (it will be on a sales page to create urgency to make a purchase).
However, I cannot figure out what settings to use. The following settings are currently displaying a 27 day countdown timer:
date:"2050/12/25 00:00:00",
timeZone:0,
past:false,
//The number of days to be shown
dayTextNumber:2,
//Show-Hide Day, Hour, Minute, Second
showDay:true,
showHour:true,
showMinute:true,
showSecond:true,
//Texts
dayText:"Days",
hourText:"Hours",
minuteText:"Minutes",
secondText:"Seconds",
//Flip style
bgColor:"#333",
dividerColor:"#000",
digitColor:"#fff",
textColor:"#666",
borderRadius:6,
boxShadow:true,
//Multi color
multiColor:false,
//Auto reset
autoReset:false,
resetInterval:86400, //1 day as seconds
//Timer on finish function
onFinish:function() {}
Please let me know what I need to adjust in those settings in order for each visitor to see a 10 minute countdown timer when they come to the page. Thanks!
You should set it like that:
autoReset:true, resetInterval:600, //60*10
Thanks. I just made that change but it is still showing the countdown timer as being 27 days. Do I need to do something to adjust the date settings? I don’t need a date (unless it is required), since this will be an evergreen 10 minute countdown timer regardless of what day it is. Please advise.
You can remove days & hours from the countdown.
showDay:false, showHour:false,
Thanks. I made that change and now I am seeing a 37 minute countdown timer. Please advise on why it is not showing a 10 minute countdown timer. Here are my updated settings:
date:"2050/12/25 00:00:00",
timeZone:0,
past:false,
//The number of days to be shown
dayTextNumber:2,
//Show-Hide Day, Hour, Minute, Second
showDay:false,
showHour:false,
showMinute:true,
showSecond:true,
//Auto reset
autoReset:true,
resetInterval:600, //60*10
//Timer on finish function
onFinish:function() {}
You can set the minute to zero. It counts and resets according to the start time.
Thanks. Can you please clarify exactly which minute setting should be changed to zero? I only see these two minute options: minuteText and showMinute.
I should also mention that the timer just ended and has now restarted at 59 minutes 59 seconds. I would like for the timer to just be 10 minutes and to disappear after those 10 minutes have ended.
Please let me know what changes are needed to configure it this way. Thanks.
I’ll check it.
I’m just following up to see if you were able to figure out the proper settings that I need. Thanks!
Ok.
I am just following up to see if you had a chance to look into this. Please let me know. Thanks
You should set today’s date:
$(".countdown").flipTimer({
date:"2020/07/14 00:00:00",
autoReset:true,
resetInterval:600
});
It works properly like that.
https://prnt.sc/thpo2aThanks. It works now! One final question… what do I need to do if I want for the timer to disappear (or for it to stay at 00 00) after the timer has ended? Can you please provide the onFinish settings that are needed for this? As of now, it keeps repeating the 10 minute timer on the page over and over again.
You can add an external JS function to work when the time is up.
How can I set a countdown timer which starts when the page is loaded and ends after a fixed time in minutes/hours?
You can use auto reset and reset interval options which are written in help file..