number-divider.js

JavaScript

数字を分割できるjQueryプラグイン「number-divider.js」

number-divider.jsは数字を分割させることができるjQueryプラグインです。シンプルなHTMLタグやinput要素で手軽に数字を分割することができます。

number-divider.js

デモ

デモページには、Example 1とExample 2という2つのサンプルが用意されています。Example 1はdivタグを用いたもの、Example 2はinputタグを用いたものになります。

どちらのサンプルにもスライドバーが設置されており、バーを右へスライド移動させていくことで数字が増加していきます。

数字が1000の位に切り替わるとそこで分割される仕組みです。また、Example 2はスライドバーを動かして数字を変化させるほかにも、入力ボックスに直接数字を入力することも可能です。

number-divider.jsは機能・使い方ともにとてもシンプルなので、手軽に実装できるのがいいですね。オプションもいくつか用意されており、delimiter、divideThousand、delimiterRegExpという項目のセッティングが可能になっています。

というわけで、数字を分割することができるjQueryプラグイン「number-divider.js」のご紹介でした。

number-divider.js

table-draggerドラッグ&ドロップでテーブルを並べ替えられる「table-dragger」前のページ

シンプルなUIで使いやすいツールチップ実装「Tip」次のページTip

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  2. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量ライブラリ「Lazyestload.js」

    Lazyestload.jsは画像の遅延読み込み機能を実装できる軽量の…

  3. TOAST UI Chart

    JavaScript

    多彩なチャートを描画できる「TOAST UI Chart」

    TOAST UI Chartは多彩なチャートをWebページに描画できる…

  4. EasyLoading

    JavaScript

    ローディングアニメーションを手軽に実装できる「EasyLoading」

    EasyLoadingは、ローディングアニメーションを手軽に実装するこ…

  5. NO IMAGE
  6. Expanding Bar Navigation Concept

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP