jQuery Countdown插件 – 仅显示非零时段
我正在使用jQuery倒计时插件编写倒计时代码。
我只希望它显示活动(’非零’)期间,例如代替
剩余时间:0天,0小时,13分钟,20秒
它应该只显示
13分钟,20秒。
我的代码是:
$('#countdown').countdown({ expiryUrl:'index.php?show=main', expiryText: 'EXPIRED', until: timeleft, layout:'{d}{h}{m}{s}' });
但问题是,使用此代码,它隐藏了“天”时段,但不是“小时/分钟”
所以目前我得到这个:
剩余时间:0小时,10分钟,27秒
我该怎么做来隐藏所有零时段?
谢谢!
Hiya请看到这里添加2 jsfiddle以显示您的区别: http : //jsfiddle.net/8JJ9B/6/ (只有秒会出现注意这种情况发生时,你将**format**
选项的倒计时作为小写) 和 http://jsfiddle.net/8JJ9B/4/ (零也会出现,因为我将格式选项设置为大写字符) 更新 http://jsfiddle.net/cUW4M/
为了避免出现任何非零值,倒计时插件有一个名为format:
的引用format:
options as lower case character
进一步 http://keith-wood.name/countdownRef.html#format
[Quote] 格式选项== …对于强制句点使用大写字符,或者对可选句点使用相应的小写字符,即仅在非零时显示。 一旦显示一个可选时段,之后的所有时段也会显示… [Unquote]
码
$('#highlightCountdown').countdown({until: 0, format: 'hmS',onTick: highlightLast5});
@ 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