前の記事 ≪:デザイン性の高いハイクオリティなフォント色々
次の記事 ≫:デザイン性に優れたクリエイティブなフォームデザインのサンプル集

あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」

2010年02月16日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQuery Countdown

あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」というものがあるみたいです。
次のようなカウントダウンタイマーが実装できます。

jQuery Countdownのプレビュー

英語だけかと思いきや、多くの言語に対応していて日本語も対応してます。



使い方も簡単で1行で実装できます。

$(element).countdown({until: 目的の日付のDateオブジェクト, format: 'dHM'});

until には new Date で作れるオブジェクトをわたします。

var targetDate= new Date();
targetDate.setDate(targetDate.getDate() + 5); // とすると 5日先を指定できます。
$(element).countdown({until: targetDate, format:'dHM'});

デフォルトのものがなんとなく味気ないのでCSSでデザインすることもできます。
関連の記事検索:jQuery, JavaScript, plugin, プラグイン, Webデザイン, Calendar
スポンサード リンク

By.KJ : 2010年02月16日 10:06 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)