手軽に使えるカウントダウンタイマーを実装できる「jQuery Countdown」

jQuery Countdown

jQuery Countdownは手軽に使えるカウントダウンタイマーを実装することができるjQueryプラグインです。HTML5によるtimeタグを用いたカウントダウンタイマーを設置できるのが特徴です。

jQuery Countdown

デモ

h1タグで実装された10分間のカウントダウンをはじめ、timeタグを使用したさまざまなカウントダウンのサンプルが用意されています。

どれもシンプルで見やすく、実装方法もカンタンでわかりやすいのがいいですね。各サンプルの真上には具体的なコードも記述されているので、実際にどのように使うのかも同時にチェックできるようになっています。

また、jQuery Countdownにはオプションもいろいろ用意されています。css_class、always_show_days、with_labels、with_seconds、with_separators、with_hh_lending_zero、with_mm_leading_zero、with_ss_leading_zero、label_dd、label_hh、label_mm、label_ss、separator、separator_daysといったオプション項目のセッティングが可能です。

というわけで、手軽に実装できるカウントダウンタイマー「jQuery Countdown」のご紹介でした。

jQuery Countdown

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives