Fancy Countdown

ファンシーなデザインのカウントダウンタイマー実装jQueryプラグイン「Fancy Countdown」
何らかのカウントダウンというと、待ち遠しかったりするもので、単純にテキストだけでカウントダウンしても面白みが少ないですね。
ということで、次のようなデザインのカウントダウンタイマーがjQueryで簡単に実現可能です。



あと何日でサイトオープン！みたいなティザーサイトを作る場合にも使えそう。

$(function() {
  $("#anyID").fancyCountdown({
    'year':2011,
    'month':05,
    'day':13,
    'hour':13,
    'minute':55,
    'second':00,
    'timeReachedMessage':'Hoorraay!!',
    'timeStamps':['Days', 'Hours', 'Minutes', 'Seconds']
  });
});

使い方もターゲットとなる年月日、時間、分、秒を指定すればよく、当日になったときのメッセージ等の設定も可能。
表示のフォーマットも配列で指定すれば決められるみたいですね。

関連エントリ

• あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」
• 画像を使った綺麗なタイマーが実装できるjQueryプラグイン「spriteTimer」