jQuery的倒计时插件 - 只显示非零周期(jQuery Countdown Plugin - o

我编码使用jQuery插件倒计时倒计时。

我只希望它显示活动（“非零”）周期，例如代替

剩余时间：0天0小时，13分钟，20秒

它应该只显示

第13分钟，20秒。

我的代码是：

$('#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>}'
});

但问题是，这种代码是隐藏的“天”的时期，但不是“小时/分钟”

所以，目前我得到这个：

剩余时间：0小时，10分钟，27秒

我有什么做的，隐藏所有零个周期？

谢谢！

Answer 1:

你好请看这里加入2的jsfiddle向您展示的区别： http://jsfiddle.net/8JJ9B/6/ （仅秒会出现注意：当您设置这种情况**format**倒计时的选择，因为小写） 和 http://jsfiddle.net/8JJ9B/4/ （因为我已经格式选项设置为资本字符零也会显示） 更新 http://jsfiddle.net/cUW4M/

为了避免任何非零值出现倒计时插件有一个参考称为format:与options as lower case character

另外 http://keith-wood.name/countdownRef.html#format

[报价] 格式选项== ...使用大写字符强制周期，或者可选周期对应的小写字符，即，仅显示如果非零。 一旦一个可选的期间所示，之后，所有的那些也显示... [引文结束]

码

$('#highlightCountdown').countdown({until: 0, format: 'hmS',onTick: highlightLast5});

Answer 2:

动@ Tats_innit的答案简化版本（所有正确的信息是评价和jsfiddles）：结合的格式和布局参数是关键。

$('#mytimer').countdown({
    until: timerEnd, 
    compact: true,
    format: 'dhMS',
    layout: '{d<}{dn} days {d>}{h<}{hn}{sep}{h>}{m<}{mnn}{sep}{m>}{s<}{snn}{s>}'
});

这产生酌情：

4天22时16分01秒

11时十二分13秒

06:05

00:01

文章来源: jQuery Countdown Plugin - only show non-zero periods