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. CSS Jquery Pie Countdown Timer

    JavaScript

    グラデーションが美しい円形カウントダウン「CSS Jquery Pie Countdown Time…

    円形によるカウントダウンのタイマーを実装する「CSS Jquery P…

  2. Canvi

    JavaScript

    左右からスライド表示するシンプルなナビゲーションメニュー「Canvi」

    CanviはVanilla JSによるシンプルなナビゲーションメニュー…

  3. Data Img

    JavaScript

    ブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」

    Data Imgはブラウザ幅に応じて最適なサイズの画像を切り替えて表示…

  4. JavaScript

    JavaScriptのlocation.searchでクエリ情報を取得してみる

    JavaScriptで、現在のページのクエリ情報(URLの末尾にある「…

  5. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  6. qpScroll

最近の記事

  1. M360bt
  2. BQ-CASE/1
  3. GLOO BOX

アーカイブ

PAGE TOP