4

我正在使用 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 秒

我该怎么做才能隐藏所有零句点？

谢谢！

4

2 回答 2

3

您好，请参阅此处添加 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});
于 2012-05-06T11:08:30.797 回答
0

@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:12:13

06:05

00:01

于 2013-05-30T16:21:46.077 回答