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. quick-select

    JavaScript

    素早く簡単に選択できるセレクトボックス「quick-select」

    quick-selectは素早く簡単に選択可能なセレクトボックスを実装…

  2. no-image

    JavaScript

    シンプルなイメージカルーセルを実装できる「Boishakh carousel」

    Boishakh carouselはシンプルなイメージカルーセルを実装…

  3. no-image

    JavaScript

    立体的なナビゲーションメニューを実装できる「Sidebar Menu Concept」

    Sidebar Menu Conceptは立体的なナビゲーションメニュ…

  4. Recursive Hover Nav
  5. no-image

    JavaScript

    続きを読むボタンを実装できる「ReadMorePlugin」

    ReadMorePluginは「続きを読む」、「もっと読む」、「Rea…

  6. no-image

    JavaScript

    プレーンなJavaScriptによるレスポンシブなLightbox「jsOnlyLightbox」

    jsOnlyLightboxは、jQueryなどを必要としないプレーン…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城
  5. ハードサイド CS80

Instagram始めました

Facebookページ

PAGE TOP