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

関連記事

  1. Foxholder
  2. Multi-Level Menu

    JavaScript

    流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」

    Multi-Level Menuは流れるような遅延アニメーションが美し…

  3. jQuery Responsive Thumbnail Gallery Plugin

    JavaScript

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive T…

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue…

  4. no-image

    JavaScript

    シンプル・軽量なjQueryイメージビューア「WimmViewer」

    WimmViewerはシンプルで軽量なイメージビューアを実装できるjQ…

  5. jquery.datepicker

    JavaScript

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

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

  6. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP