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

関連記事

  1. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  2. no-image

    JavaScript

    1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」

    Jquery Layoutday pluginは、1日のイベントスケジ…

  3. no-image

    JavaScript

    多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」…

    frydBoxは、多彩なパラメーターでカスタマイズ性の高いモバイルフレ…

  4. Chameleon.js
  5. Ladda

    JavaScript

    ボタンとローディングアイコンが一緒になったUIを実装できるjQueryプラグイン「Ladda」

    Laddaはボタンとローディングアイコンが一緒になったUIを実装するこ…

  6. lightgallery.js

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP