jQuery LED

JavaScript

LEDディスプレイのようなカウントダウン・タイマー・時計を実装できる「jQuery LED」

jQuery LEDは、LEDディスプレイで表示されるようなカウントダウン・タイマー・時計を実装できるjQueryプラグインです。デジタルっぽさを強調したい時やそのような雰囲気をサイトに取り入れたい時などに活用したくなりますね。

jQuery LED

デモ

デモページには、フォーマット、カラー、背景カラー、サイズなどが異なるデモがいくつか設置されています。LEDディスプレイで表示されているかのようなデザインが、とても印象的ですね。

数字もリアルタイムでカウントダウンされていきます。デジタル感を演出したいという人には、ピッタリのプラグインといえそうです。

実装に関しても、かなりシンプルに記述できるので手軽に使用できると思います。また、オプションもいろいろ用意されているのが嬉しいですね。

主なオプションは、type、format、value、color、background_color、size、rounded、spacing、font_type、hour_format、count_toです。各項目のデフォルト値は、typeが’time’、formatが’hh”mm’、colorが’#000’、sizeが12、roundedが1、spacingが1、font_typeが1、hour_formatが24です。

ちなみに、typeにはtimeの他にcountdown、random、numberといった値も用意されています。

手軽に実装できカスタマイズもしやすい、LEDディスプレイのようなカウントダウン・タイマー・時計を実装したいという人は、ぜひ「jQuery LED」をチェックしてみてはいかがでしょうか?

jQuery LED

Bootstrap Mobile FullScreen Modalスマホからのモーダルウィンドウを使いやすくしてくれる「Bootstrap Mobile FullScreen Modal」前のページ

シンプルなアコーディオンを実装できるjQueryプラグイン「SimpleAccordion」次のページSimpleAccordion

関連記事

  1. h5Validate

    JavaScript

    HTML5のフォームバリデーションを実装できるjQueryプラグイン「h5Validate」

    h5ValidateはHTML5によるフォームバリデーションを実装する…

  2. Philter

    JavaScript

    CSSのフィルターをコントロールできるjQueryプラグイン「Philter」

    PhilterはCSSのフィルターを簡単にコントロールすることができる…

  3. Responsive Parallax Drag-slider With Transparent Letters
  4. jQuery Tabs with Content Overlays
  5. Slickhover.js

    JavaScript

    滑らかでスムーズなホバーエフェクトを実装できるjQueryプラグイン「Slickhover.js」

    とても軽量で使いやすいのがいいですね。ホバー時に滑らかでスムーズなエフ…

  6. JavaScript

    スマホやタブレットでのスワイプに対応したモバイルにも最適なjQueryスライダー「Swiper」

    とてもよさそうだったのでメモしときます。スワイプで切り替えることができ…

最近の記事

  1. Apple WatchでのMacロック解除を無効
  2. オータムスイートポテトフラペチーノ
  3. 紅葉
  4. ナノケア EH-NA0E
  5. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP