Code

Discussion on FlipTimer - jQuery Countdown Timer

Discussion on FlipTimer - jQuery Countdown Timer

Cart 297 sales

AthenaStudio supports this item

Supported

This author's response time can be up to 5 business days.

54 comments found.

I am very interested in your plugin, but I need to know how the function works once the timer hits zero. I need it to load a YouTube video. Is that possible, so for instance, the timer goes down, then if it is at 0 or expires, a Youtube Video can be loaded in it’s place.

You can call external functions by the timer options.

First i must say great work. I have a question. I just the count up part and i wonder if it is possible to add months and years ? It that something i can add ?

Sorry! I did not add months, years to the counter.

Well thank you for your quick response !

Ok. Thanks!

Hi i want to use this as a countdown timer to tell te customer when we our orders will ship each day, is that possible to configure so that it will start over every day 1600 and start a new countdown, except for friday and saturday as we do not ship on the weekend.

You can reset the timer via settings.

Yes, but is it possible to remove it on certain days?

Sorry! I didn’t add that feature. There’s only auto-reset.

Hi, I have just purchsased and installed this script as your documentation describes, but nothing is showing up on the page. I have tried various different ways of getting this to work but nothing shows up at all. Perhaps you could take a look at this. I am moderately experienced with this sort of thing. I’m working to a tight deadline so if there’s any chance of a swift reply that would be much appreciated. Thanks – Mark.

Ok. Please, rate my item.

Will do :)

When i include the counter more than once in a page, only one shows up. Any solution for this please?

I used “countdown” classname. You can write countdown1, countdown2…

thanks

Hello I am trying to set a countdown to 2020/02/02 but the counter keeps displaying just 39 days.

Please Advice

Paul

Please, add the following parameter before the date parameter or add comma after the date:
dayTextNumber:"auto",

pre sales question: Can it be auto reset after a specific time, means if we set timer after 3 days expires so when 3 days past it will auto forward to next 3 days and then so on.

Yes. I included autoreset feature.

hello.. After the time is over go to another web address Exp: google.com how to?

never mind.. I fixed

The count down can’t stop and onFinish! I have set the count down flip timer to 5 seconds. When the counter reached 0, the onFinish function could not be triggered. Does anything I did wrong? Thanks.

$(document).ready(function () { $(".countdown").flipTimer({ date:"@time", timeZone: 0, past: false, showDay: false, showHour: false, showMinute: true, showSecond: true, minuteText: "Minute", secondText: "Second", borderRadius: 6, boxShadow: true, onFinish: function () { document.getElementById('success-modal').style.display = 'none'; document.getElementById('btnComplete').innerHTML = 'Times Up'; alert("Times up"); } }); });

Also when the counter reaches 0, it won’t stop! it continue to count down from 59:59. Anything I need to adjust?

Please ignore this. I found the problem which is the timezone issue. I updated the timeZone value and fixed the problem

RE: Style Problem In IE 11 on Windows 10 PC. The timer works fine in Chrome, Firefox and Edge, but has problems in IE11. See the test page:

https://healthy-kids.com.au/test-flip-timer/

What CSS changes can I make to fix this please?

Regards Steve

You must find your other account.

I do not know what you mean by “your other account”. Do you mean an account elsewhere? I purchased FlipTimer from my steve7000 account on CodeCanyon. Do you want me to quote my purchase order number?

You seem as not purchased.

RE: Style Problem In IE 11 on Windows 10 PC. The timer works fine in Chrome, Firefox and Edge, but has problems in IE11. See: https://healthy-kids.com.au/the-big-vegie-crunch-timer/ What CSS changes can I make to fix this please? Regards Steve

Can you buy it or write a comment from the bought account?

I have already bought it. Will write this comment in the paid area.

I coul not get the comment from the paid account.

G’day, I got the countdown to work on a wordpress/gutenberg site, but the numbers aren’t properly aligned. Either the number is too close to the bottom or the flip is too short… any Ideas how I could bring them back to center? Cheers, Sam

Please, send or write demo site url.

It’s in maintanance mode with a rather paranoid customer… Here’s a screenshot https://pasteboard.co/I0JfZEf.png

I need to see the site to tell you which CSS to modify. You can send wp-admin login info as PM.

FlipTimer

Hello, with the description of the script you provide: “Supports client-side or server-side (unix timestamp) time”

But I cannot find any hint in the help file how to include a unix timestamp!? Inserting a timestamp in “api = $(”.countdown”).flipTimer({ date:”2019/01/25 00:00:00” });”

does not work.

So please give me the needed workaround.

Thank you, Thomas

I will check it soon.

Here is the PM you ask for. did not see a version anywhere.

Hi,

can you take a look here: https://project.tashema.es/

and tell me why i’m getting “Uncaught TypeError: $(...).flipTimer is not a function”?

What’s wrong there?

Thanks for your beautiful work!

You need to set at least “date” parameter to make it work.

Tnx.

1. That was the example in the sample file… 2. I added the date and it’s the same.

Please, open your site in debug mode of your browser. It generates lots of errors. I think, them makes the timer to not working.

You can also put document.ready code in start of script tag.

It resizes according to the wrapper width.

I can help you better if you can write a demo url to see what efftects it to not resize.

Hi, I have 1 problem Countup timer not display 3 value DAY Example: Countup timer 2015>now //Countup timer $(”.countup”).flipTimer({ date:”2015/07/10 00:00:00”, timeZone:+7, //Time zone of New York past:true, borderRadius:2, bgColor:”#fff”, dividerColor:”#666”, digitColor:”#333”, textColor:”#fff”, boxShadow:false });

Hi, If day>365 how to show Year?

It shows days.

Sorry, how do i change the font size?

Font size is same as flip width and resizes according to the screen size. But, you can change it manually by editing the line 296 in source/fliptimer/jquery.fliptimer.js:

fs = (w);
With:
fs = parseInt(elementSize*60, 10);

Where 60 is the font size.

Then, copy it into deploy/fliptimer folder.

Hi, do you have demo when the countdown stop with callback function? Thanks…

No. You just need to add an inline function like:

function() {alert('Finished');}

i have 2 questions – is this responsive, so its on mobile phones also good visible. And I would have it, that this automatically renew every week when the Timer is up

It is responsive. You can check it on mobile. It doesn’t renew automatically. But, with a small JS code it can be done easily.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey