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＆gt;}布局标签，但它们仍然显示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;
 }

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

1 个答案: