アニメーション：
数値を徐々に増加させる
数値を開始値から終了値まで徐々に増やして、文字列として指定Nodeに差し込む。
Num1
開始時の数値を渡す 整数で指定 ・ マイナス値も可
Num2
終了時の数値を渡す 整数で指定 ・ マイナス値も可
Num3
開始〜終了までの所要時間を指定 秒(s)単位で指定
Node
結果を差し込むNodeを指定 id値を文字列で指定してもよい
Bool
3桁ごとにコンマを追加 true = 追加する ・ false = 追加しない ／ 省略した場合は true となる
●必須引数 ●オプション引数(省略可能)
記述例
$aniNumIncrease(0, 200, 1.5, $id('numNode'), false)
$aniNumIncrease(0, 200, 1.5, 'numNode')
$aniNumIncrease(-1500, 2000, 2, 'numNode')
動作サンプル
0〜1980を1.33秒で増加させる。
0
HTML :
<button type="button" onclick="$aniNumIncrease(0,1980,1.33,$id('sample1'))">実行する</button>
<div id="sample1">0</div>
30000〜500000を3秒で増加させる。（コンマ無し）
30000
HTML :
<button type="button" onclick="$aniNumIncrease(30000,500000,3,$id('sample2'),false)">実行する</button>
<div id="sample2">30000</div>
-1500〜2000を2秒で増加させる。（マイナス値を使用）
-1,500
HTML :
<button type="button" onclick="$aniNumIncrease(-1500,2000,2,$id('sample3'))">実行する</button>
<div id="sample3">-1,500</div>
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。