Hide Days, Hours, Minutes and Seconds

[wimbarelds]

Hide Days, Hours, Minutes and Seconds

[wimbarelds]

Hey there, some people have asked for help on similar (almost identical) use cases before. If you look through some of the older issues I'm sure you'll find what you need.

If not, let me know

[mustaqsheikh]

Hi, thanks for checking, and more importantly, for sharing this with us, I did look but maybe I am missing something, I don.t see any solutions where the time remains hidden after the page is reloaded. I can hide TimeCircles once the timer hots 0, but then it reappears ( with 0 values of course ) on refresh.

I would appreciate it if you point me in the right direction.

[GrahamDj]

Hi, you could set a if statement in your script that is executing TimeCircles. Just check if the current time has passed the set timedate for TimeCircles. If not you initialize TimeCircles, else you display the message.

[mustaqsheikh]

I already tried that, but the circles will reappear on page reload. Any idea on how to hide this even if the page is reloaded ?

[GrahamDj]

Did try like this:

var endTime;
var currentTime;
if(endTime > currentTime) {
$("#DateCountdown").TimeCircles();
}

By not calling $("#DateCountdown").TimeCircles(); the clock will not be displayed

[mustaqsheikh]

Can you provide a simple example , thanks in advance if you can.

[wimbarelds]

var TC = $("#Countdown").TimeCircles();

TC.addListener(unit, value, total) {
    var num = Math.abs(total);
    if(num == 59) {
        $("#Countdown").TimeCircles({ time: { Minutes: { show: false }, Hours: { show: false }, Days: { show: false } }});
    }
    elseif(num == 3599) {
        $("#Countdown").TimeCircles({ time: { Hours: { show: false }, Days: { show: false } }});
     }
    elseif(num == 86399) {
        $("#Countdown").TimeCircles({ time: { Days: { show: false }}});
    }
});

This is assuming it's counting down.

[mustaqsheikh]

I will give it a try, thanks.

[mustaqsheikh]

I have been unsuccessful in making this work, the circles remain visible when the counter reaches zero and when the page is reloaded.