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

TipシンプルなUIで使いやすいツールチップ実装「Tip」前のページ

滑らかなアニメーションでモバイルサイトに最適なメニュー実装「4PXMMenu」次のページ4PXMMenu

関連記事

  1. JavaScript

    レスポンシブ対応のカッコイイLightbox風jQueryプラグイン「Lightcase」

    Lightcaseはフレキシブルでレスポンシブに対応したLightbo…

  2. Morphext

    JavaScript

    複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」

    MorphextというjQueryプラグインを使えば、複数テキストをア…

  3. vallenato.js

    JavaScript

    シンプルで実装も簡単なjQueryアコーディオン「vallenato.js」

    vallenato.jsは、シンプルで簡単に実装することができるjQu…

  4. circleChart

    JavaScript

    多彩なカスタマイズができる円形チャート「circleChart」

    circleChartは多彩なカスタマイズを実現した円形チャートを実装…

  5. qpScroll
  6. jR3DCarousel

    JavaScript

    レスポンシブな3Dカルーセルを実装できる「jR3DCarousel」

    jR3DCarouselはレスポンシブな3Dカルーセルを実装できるjQ…

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP