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. no-image

    JavaScript

    豊富なオプションでカスタマイズ性も高いjQueryスライダー「startVal」

    startValは豊富なオプションやAPIを有したカスタマイズ性の高い…

  2. Slight Submenu
  3. Wipe Slider

    JavaScript

    背景画像を滑らかにスライドさせるjQueryプラグイン「Wipe Slider」

    Wipe Sliderは背景画像を滑らかにスライドさせることができるj…

  4. Sticky Sidebar

    JavaScript

    スマートでハイパフォーマンスな追尾型サイドバー実装「Sticky Sidebar」

    Sticky Sidebarは、スマートでハイパフォーマンスな追尾型サ…

  5. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

  6. 3D Cube CountDown script

最近の記事

  1. SV-S251
  2. スラウェシ トラジャ
  3. 梅
  4. CAR-HLD12BK

アーカイブ

PAGE TOP