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 を追加して違いを示してください。 .net/8JJ9B/4/ (フォーマットオプションを大文字に設定しているため、ゼロも表示されます) update http://jsfiddle.net/cUW4M/**format**

ゼロ以外の値が表示されるのを避けるために、カウントダウンプラグインには次のように呼び出される参照がありformat:ますoptions as lower case character

さらに http://keith-wood.name/countdownRef.html#format

[Quote] Format option == ...必須のピリオドには大文字を使用し、オプションのピリオドには対応する小文字を使用します。つまり、ゼロ以外の場合にのみ表示します。任意のピリオドが 1 つ表示されると、それ以降のすべてのピリオドも表示されます...[Unquote]

コード

$('#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 に答える