jQuery Countdown

JavaScript

手軽に使えるカウントダウンタイマーを実装できる「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

関連記事

  1. slimMenu
  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのif文を使ってタグやクラス名によって条件分岐するやり方

    jQueryで普通にif文を使った条件分岐のやり方です。指定したタグや…

  3. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで要素を挿入できるメソッドがたくさんあるので整理してみた

    jQueryでHTML要素を追加するメソッドが色々あるので整理するため…

  5. Huebee

    JavaScript

    オシャレなカラーピッカーを手軽に表示させれる「Huebee」

    Huebeeはシンプルでオシャレなカラーピッカーを手軽に表示させること…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP