[jQuery] グルーポン系サイトでよく見掛けるカウントダウンタイマーのサンプルコード

Tadashi Shigeoka ·  Wed, November 23, 2011

jQueryで、グルーポン系サイトでよく見掛けるカウントダウンタイマーを実装しようと、プラグインを探していたのですが、百式さんのライフハックにプラグイン無しでも簡単に実装できそうだったので、一部書き換えてご紹介します。

・元ネタ:グルーポン系サイトでよく見られる「終了まで○時間○分○秒」をjQueryで実装してみる | IDEA*IDEA

■ 元のコード


■ カスタマイズ(日/時/分/秒 表記)


以上です。  

■ カウントダウンタイマーを実装する方法の紹介記事

その他、JavaScript/jQuery で、カウントダウンタイマーの実装について書いてある記事。

jQuery Countdown

jQuery Countdown を使ってカウントダウンタイマーを表示する | バシャログ。

jQueryで時間をカウントダウンするJavaScript「jCountr」|skuare.net


参考情報

getTime - JavaScriptリファレンス:ITpro

JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ