アニメーション:

数値を徐々に減少させる

数値を開始値から終了値まで徐々に減らして、文字列として指定Nodeに差し込む。

Num1
開始時の数値を渡す 整数で指定 ・ マイナス値も可
Num2
終了時の数値を渡す 整数で指定 ・ マイナス値も可
Num3
開始〜終了までの所要時間を指定 秒(s)単位で指定
Node
結果を差し込むNodeを指定 id値を文字列で指定してもよい
Bool
3桁ごとにコンマを追加 true = 追加する ・ false = 追加しない / 省略した場合は true となる
●必須引数 ●オプション引数(省略可能)

記述例

$aniNumDecrease(1980, 0, 1.33, $id('numNode'), false)
$aniNumDecrease(200, 0, 2, 'numNode')
$aniNumDecrease(2000, -1500, 2, 'numNode')

動作サンプル

1980〜0を1.33秒で減少させる。

1,980
HTML : <button type="button" onclick="$aniNumDecrease(1980,0,1.33,$id('sample1'))">実行する</button> <div id="sample1">1,980</div>

500000〜30000を3秒で減少させる。(コンマ無し)

500000
HTML : <button type="button" onclick="$aniNumDecrease(500000,30000,3,$id('sample2'),false)">実行する</button> <div id="sample2">500000</div>

2000〜-1500を2秒で減少させる。(マイナス値を使用)

2,000
HTML : <button type="button" onclick="$aniNumDecrease(2000,-1500,2,$id('sample3'))">実行する</button> <div id="sample3">2,000</div>
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。