Display a different message when timer reaches zero?

[Fatbat]

Display a different message when timer reaches zero?

[wimbarelds]

You can do

$("#Timer").TimeCircles().addListener(function(unit, value, total) {
   if(total <= 0) {
       // Do whatever you like here
   }
});

[Fatbat]

Sorry man, can you be a bit more specific about the "Do whatever you like here" part? For example, I'm only showing a seconds timer, I have the word "Seconds" hidden. So in this example, I'd like to change the "0" to say something different at the -1 second mark, and probably in a different sized font so it will fit.

[wimbarelds]

It really depends on what exactly you want. Personally I'd be more inclined to try something other than to put text inside the circle. IE; I'd fade out the time circles (Fully or partially, either would be fine) and show something overlaying that.

But as I said, it depends on what exactly you'd want to show at that point. Try be more specific about what you're trying to accomplish.

[webchun]

Hi @wimbarelds is it posible to make the counter stop when the timer reaches zero?
Nice script btw, thanks!

[wimbarelds]

Yes, simply set count_past_zero to false. Check the readme.

[webchun]

errrr my bad -_- Thanks @wimbarelds :)

[yuhao-nyc]

Hi @wimbarelds the suggestion you put earlier worked great if(total <= 0).
I was trying to achieve something like when the countdown ends, hide one box and show another, everything is working until I refresh the page, the previous box I'm trying to hide comes back. Seems like the if (total < =0) only works on the "moment" when countdown is over. any ideas? Thanks!

[wimbarelds]

Are you using data-timer or data-date?

[yuhao-nyc]

yes i am using data-date @wimbarelds anything related to this?

[wimbarelds]

You can save the status in localStorage and check that before you initialize TimeCircles; that seems like the simplest solution.