Number Shuffler

This module shuffle NUMBER.

Installation

npm

$ npm install number-shuffler

cdn

<script src="https://unpkg.com/[email protected]/dist/number-shuffler.js"></script>

Usage

import

import this module. (if install via npm only)

import * as NumberShuffler from "number-shuffler";

initialize

pass element that display number in init method argument.

let ns = NumberShuffler.init(TargetElement);

set option

Set the options if necessary.

ns.setOption({
    interval: 50,
    digit: 6,
});

|option|type|description|default| |------|----|-----------|-------| |format|boolean|flag for format a number.|true| |interval|number|interval to switch numbers.(msec) |30| |digit|number|the number of digits|3|

start / stop

// start shuffling a number.
ns.start()

// stop shuffling a number.
ns.stop()

Example

HTML

<div id="numBox">000,000</div>
<button type="button" id="startBtn">start</button>
<button type="button" id="stopBtn">stop</button>

Javascript

import * as NumberShuffler from "number-shuffler";

document.addEventListener("DOMContentLoaded", function() {
  let numBoxElm = document.getElementById('numBox');
  let ns = NumberShuffler.init(numBoxElm);

  ns.setOption({
    interval: 50,
    digit: 6,
  });

  document.getElementById('startBtn').addEventListener('click', function(){
    ns.start();
  });
  document.getElementById('stopBtn').addEventListener('click', function(){
    ns.stop();
  });
});