jQuery Countdownを使用してカウントダウンの仕組みを実装してみる

カウントダウンの機能をjavascriptで実装しようと思ったら、いいプラグインを見つけた。

jQuery Countdownはその名の通り、カウントダウン機能を実装するjQueryのプラグイン。
時間のフォーマットの融通が利いたり、カウントダウン終了時にイベントを起こしたりできる。しかも簡単。

以下よりcheckoutが可能。

$ svn checkout http://jquery-countdown.googlecode.com/svn/trunk/ jquery-countdown

で、こんな感じで使う

  $(function(){
    $('#counter').countdown({
      image: '/fileset/jquery-countdown/img/digits.png',
      startTime: '01:01:01:00'
    });
  });

一応デモも作って動かしてみた。