54 comments found.
Hello. I want to create a countdown so that visitors will see the countdown to that date/time in their timezone – I take it that’s the client side timezone that your timer offers, correct?
Also: is it possible to display a custom message once the countdown timer has reached ‘0?’
They’ll see the countdown in their timezone if you don’t set.
You can add a callback function to show custom message via plugin options.
Hello. I hope you have great sales on this site. Follow me too 
Thanks!
Hi there, loving the script so far. I’ve got a question on how to make it responsive though.
I’m using bootstrap as instructed in the comments above but for some reason it’s not coming out right.
You can see the live timer here: http://dynamite-test.review/vehicle/used-2015-nissan-altima-1n4al3ap1fn308577/
I updated it. You don’t need to use Bootstrap. Just, make the container responsive.
Also, I couldn’t see the timer working in your site.
The timer is in the box on the right hand side: https://www.screencast.com/t/BaOU6Vitsbki
I removed the col-md class which helped with the height, but for some reason it’s still getting cut off. I’m not sure if it’s some other css that’s interfering with it.
It should be “padding:0” for the following item:
.fliptimer ul {
padding:0;
}
You can add it to your site. I’ll fix & update the timer asap, too.
Hi, I wanted to change the Days, Hours, Minutes and Seconds to other language. How do I change it?
Please advise.
Thank You
They can be changed via plugin options. Please, read the help file!
hey i’m trying to integrate the fliptimer to my code but i’m getting:
html:36 Uncaught ReferenceError: flipTimer is not defined I need urgent help plz. I’m using this code. I believe the jQuery version is different:
<script> var api;
$(document).ready(function() {
</script>//Countdown timer
api = new flipTimer($('.countdown'),{
date:"2050/12/25 00:00:00"
});});Did you include fliptimer js and css files as written in help? If yes, please write a demo url.
Hi, is it possible to embed the timer into an adobe animate cc animation? Any experience?
Best regards
Thomas
I didn’t try it. But, if you use Flash, it’s impossible.
Hello,
How can I contribute to translate this plugin to Spanish?
Thanks, Antonio.
Can you buy it at first please?
Hi, The flip timer is not changing it’s size when the browser goes to mobile. It does resize properly in desktop and tablet view, just not mobile. I’m not really experienced with bootstrap, but I did follow the directions exactly.
Here are the screenshots of tablet and mobile view. Please help. Thanks
Tablet – https://www.dropbox.com/s/ilgpmjhggif57ny/tablet.png?dl=0 Mobile – https://www.dropbox.com/s/0v99kpd5m444dga/mobile.png?dl=0
It get the parent container width and resizes according to it. So, you should add “media” css for the container.
I used Bootstrap column to do it automatically in the demo page.
Hi, I need to create a countdown timer in html file. Count down to 1st.Jan.2018 follow server time. will your product about to do this ? do you have sample for this? so that i can just change the date?
You just need to set the date-time and timezone like:
$(".countdown").flipTimer({
date:"2018/01/01 00:00:00",
timeZone:"-5"
});
You can find your time zone here:
http://www.timeanddate.com/time/map/
(-5 is the time zone of New York)
Thanks. How to change the color of the countdown clock and background? current background is dark, and font is white.
and how to change the day, hours, minutes and seconds to my other language ?
You can do them via plugin options. Please, open help file to see them.
thanks. got it. how do I resize the countdown counter when in pc mode? and change the fontsize ? mobile version is okay
It auto resizes according to the container width. But, you can do it manually by its CSS.
which css should i change? my website address is http://mbt.mec-coin-stage1.com/counter i want to fit the timer in the red circle and the text bolder
Please, replace that container class:
<div class="col-md-12">
With:
<div class="col-md-8 col-md-offset-2 col-xs-12">
And, add the following style to your site CSS for bold texts:
.fliptimer .text {
font-weight:bold;
}
In addition, please rate my item in your “Downloads” page.
Thanks a lot
Nop.
if i want to write onFinish, how do i redirect/reload after 5 seconds when it reaches 00:00 ?
function() {window.location.href = 'URL';}
I have also used Bootstrap. I am developing in my local machine as of now, I have no clue why it’s not displaying.
Can you write a test url please?
Hi, i have the timer working, and it’s responsive to a point, but If on a mobile phone even just enabling DAYS and HOURS won’t fit on the screen. The fiips don’t shrink enough to be usable on mobile . please help. thanks!
Please, write a demo url.
You need to add your own media styles for the timer wrapper. I used Bootstrap for it.
fantastic work on this, nice job i wish you all the best for your upcoming sales 
Thanks!
Hi, I tried using this in a ASp.net website, its not working, The countodown is just displaying 00:00:00:00. Please advise, how to fix this
Can you write a demo url?
Also, please check if the date generated is formatted as “YYYY/MM/DD HH:MM:SS”.
Now, I am getting 8 dots above the countdown.
Please, download it again. It’s CSS issue of list items and I fixed it.
Still getting in Chrome..
Can you send me a test url? You can write it as a PM if you don’t want to write here.
I got it working, Thanks, It was a chrome issue. Also, how can I change the size of the squares. It is not fitting in my size. and if I try to fit inside the div, it is not responsive Please advise.
Flips are auto-resized according to the wrapper size (Your DIV tag). So, you can change its width.
I tried changing the size of the div, it;s not becoming repsonsive. Also, if I try to resize the browser , it overlaps on the lefthandside
This is what I have written. Please advise
Please, send a test url. It works properly on my demo page as you can see.
You need to add your own media styles for the timer wrapper. I used Bootstrap for it.
I have also used bootstrap for it. I have no clue why it is not working. I will debug you more and I will share a debug url once it is deployed.
I suggest you to use the browser “Developer Tools” to debug JS.
Hi,,How will I customize the date. The countdown is going up, If you have any examples or tutorials, please share. Thanks.
You can read the help file. You just need to write a new date.
GLWS!
Thanks!
