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. HC Sticky

    JavaScript

    スクロールしても要素を固定できるJSライブラリ「HC Sticky」

    HC Stickyはスクロールした時に特定の要素を固定したまま表示でき…

  2. Brusher

    JavaScript

    インタラクティブな背景を実装できる「Brusher」

    Brusherはインタラクティブな背景を実装できる軽量なJavaScr…

  3. JavaScript

    テキストに滑らかに動くアニメーションをつけることができるjQueryプラグイン「animateTex…

    テキストに滑らかに動くかっこいいアニメーションをつけることができるjQ…

  4. no-image

    JavaScript

    サラッとスライスで切り替わるスライダー実装「Slice Slider」

    Slice Sliderはサラッとスライスでシンプルに切り替わるスライ…

  5. jquery.datepicker

    JavaScript

    未来的なデータピッカーを実装できる「jquery.datepicker」

    jquery.datepickerはWeb用の未来的なデータピッカーを…

  6. stickUp

最近の記事

  1. NIVEA MEN CREME
  2. チャイラテ
  3. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  4. COMOLI ナッピングウールショーツ
  5. 川上庵(麻布十番)牡蠣天せいろ
PAGE TOP