jQueryでの数値の滑らかに上昇する方法についてのご質問です。

Question

今回はユーザが数字を押すとその数値まで数が上がると言ったプログラムを組もうと思い挑戦しました。
その際数値上げを考えた際にsetIntervalを使い数値を上げようと考えました。
ですがその際に数値の上昇に関してやはりsetIntervalでは、桁数が多いと対処に時間がかかってしまいました。
そちらが下記のプログラムです。

var num,tgt;
num = 0;
tgt = 50000;
function loop(){
	if(num<=tgt){
	$('書き込むセレクタ').html(num);
		num++;
	}
}
setInterval(loop,1);

その際無理矢理に動かそうと、

var num,tgt;
num = 0;
tgt = 50000;
function loop(){
	if(num*10<=tgt){
	$('書き込むセレクタ').html(num*10);
		num++;
	}
}
setInterval(loop,1);

桁がもっとあがった際には意味はありませんので
そもそもの解決にはなりませんでした。
その場合はまた何か別の関数などがあるのでしょうか？
それとも
何秒後に結果を表示すると言った指定をしその間は乱数を並べるですとかそういった方法しかないのでしょうか？
ご解答の程、宜しくお願いいたします。

Answer 1

すごく単純に何回(cnt)でtgtまでたどり着くか定義して、tgt/cnt分増加させればいいのでは

var num,tgt;
num = 0;
tgt = 49999;
cnt = 500;
function loop(){
    if(num<=tgt){
    $('#count').html(num);
    num += Math.floor(tgt / cnt)
  } else {
    $('#count').html(tgt);    
  }
}
setInterval(loop,1);

ちょっと増加量の計算を複雑にして、多少数字がランダムしつつ、数値が小さいほうが増加量が増えるようにしてみました。
ただし、tgtまで到達するスピードがtgtの桁数によって、ちょっと前後します...

var num,tgt;
num = 0;
tgt = 99999;
cnt = 100;
function loop(){
	if(num<tgt){
  	$('#count').html(num);
    plus = Math.floor((1+Math.log(tgt-num))*(tgt / cnt));
    if(plus < 1) {
      plus = 1;
    }
    num += plus;
  } else {
  	$('#count').html(tgt);
  }
}
setInterval(loop,100);

Comments

[space_sss]

Math.floor
で切捨てをして割ればいいんですね！
ちなみに
else {
$('#count').html(tgt);
}
てのは49990とかが最終地点になった場合そこで終わらせないようにするということでしょうか？？

[popobot]

> てのは49990とかが最終地点になった場合そこで終わらせないようにするということでしょうか？？

これはtgtが99999なのに、それ以上の数字(例えば100000とか)になっちゃった場合に99999で止めないといけないと思って書きました...あくまでサンプルコードなので、実際に使う場合は十分検証してくださいね。

[space_sss]

迅速な回答ありがとうございます！