I'm coding a countdown with jQuery countdown plugin.
I only want it to show active ('non-zero') periods, e.g. instead of
time left: 0 Days, 0 Hours, 13 Minutes, 20 Seconds
it should only show
13 Minutes, 20 Seconds.
My code is:
$('#countdown').countdown({
expiryUrl:'index.php?show=main',
expiryText: 'EXPIRED',
until: timeleft,
layout:'{d<}{dn} {dl} and {d>}{h<}{hn} {hl}, {h>}{m<}{mnn} {ml}, {m>}{s<}{snn}{sl}{s>}'
});
But the problem is that with this code it hides the 'Days' period, but NOT the 'Hours/Minutes'
So currently I get this:
time left: 0 Hours, 10 Minutes, 27 Seconds
What do I have to do to hide ALL zero periods?
Thank you!
Hiya please see here adding 2 jsfiddle to show you the difference: http://jsfiddle.net/8JJ9B/6/ (Only the seconds will appear note this happens when you set
**format**
option of countdown as lower case) and http://jsfiddle.net/8JJ9B/4/ (Zero will appear as well because I have format option set as Capital characters) update http://jsfiddle.net/cUW4M/To avoid any non-zero value to appear countdown plugin has a reference called
format:
withoptions as lower case character
Further http://keith-wood.name/countdownRef.html#format
code
Simplified version of @Tats_innit's answer (all the correct info is in the comments and jsfiddles): Combining both the format and layout parameters is key.
This yields, as appropriate:
4 days 22:16:01
11:12:13
06:05
00:01