前の記事 ≪:ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler...
次の記事 ≫:ストライプ等、Photoshop用の400個のパターンまとめ

ファンシーなデザインのカウントダウンタイマー実装jQueryプラグイン「Fancy Countdown」

2011年04月15日-はてなブックマーク

スポンサード リンク
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, JavaScript, カウントダウン, プラグイン, デザイン, jQueryプラグイン
スポンサード リンク

By.KJ : 2011年04月15日 10:03 livedoor Readerで購読 Twitterに投稿

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