読者です 読者をやめる 読者になる 読者になる

ウェブサービスを作っています。

jQuery Countdown で残り 1 時間未満のときに「あと 0 時間」と表示しない

カウントダウン機能を提供する jQuery Countdown プラグインで

あと 0 時間 30 分 20 秒

ではなく

あと 30 分 20 秒

のように表示する方法です。

$('#foo').countdown({
  until: (終了時刻の Date オブジェクト),
  layout: 'あと {d<}{dn} 日 と {d>}{h<}{hn} 時間 {h>}{m<}{mnn} 分 {m>}{snn} 秒',
  format: 'dhms'
});

layout プロパティで、0 時間のときに表示したくない部分を {h<} と {h>} で囲うところがポイントです。
ただそれに加えて、format プロパティを指定する必要があります。
というのは、format プロパティのデフォルトが dHMS となっており、このフォーマット (h ではなく H) だと {h<} {h>} で囲っても無視されるからです。
僕は jquery countdown のソースを調べまくってわかりましたが、英語のドキュメントをよく読めば書いてあります。
英語を自然に読めるようになるといいですね。