jquery - jquery倒计时-当它们为0时不显示分钟等

Question

我正在使用 keith-wood jQuery 倒计时插件（http://keith-wood.name/countdown.html），并且当它们等于 0 时不显示不同的部分 - 例如 0 小时 0 分钟，我没有运气， 0 秒等...

这是我的代码：

 austDay = new Date("<?= date('D M d Y H:i:s O', strtotime($item['item']['date_end'])); ?>");           
 $('#countdown').countdown({until: austDay, format: 'yodhms',layout: '{d<}{dn} {dl} {d>}{h<}{hn} {hl} {h>}{m<}{mn} {ml} {m>}{s<}{sn} {sl}{s>}'}); 

这仍然显示：

1 小时 0 分 8 秒

当我希望它显示为：

1 小时 8 秒

我已经广泛阅读了文档和我理解的 {m<}...{m>} 布局标签应该实现这一点，但它们仍然显示 0 分钟等。

我也尝试过重要的选择，但这不是我所追求的。

非常感谢。

Answer 1

好的，我想出了一个非常简单的解决方案。它使用 CSS 隐藏 0 元素（本例中的秒数除外）。

var austDay = new Date("<?php echo date('D M d Y H:i:s O', strtotime($timeRemaining)); ?>");
$('#countdown').countdown({until: austDay, format: 'dhms',  layout: '{d<}<span class="count-{dn}"><strong>{dn}</strong> {dl}</span> {d>}{h<} <span class="count-{hn}"><strong>{hn}</strong> {hl}</span>{h>}{m<} <span class="count-{mn}"><strong>{mn}</strong> {ml}</span>{m>}{s<} <strong>{sn}</strong> {sl}{s>}'});

和CSS：

 .count-0 {
     display: none;
 }