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. SILENT HILL 2
  2. FUNLOGY スピーカー
  3. 聖剣伝説 VISIONS of MANA
  4. エルデの追憶
  5. コーヒー豆
PAGE TOP