画面上で数字がカウントアップするjqueryについて

Question

	function text_count(){
		var countElm = $('.count'),
		countSpeed = 80;
		
		countElm.each(function(){
			var target = $(this),
			countMax = target.attr('data-num'),
			thisCount = target.text(),
			countTimer;
		
			function timer(){
				countTimer = setInterval(function(){
					var countNext = thisCount++;
					
					if(countNext == countMax){
						clearInterval(countTimer);
					}
				},countSpeed);
			}
			timer();
		});
	}

上記のコードで、数字がカウントアップしていきますが
「小数点」、「４桁になったら , を付属」を実現するには
どうしたらいいでしょうか

小数点 例）⇒ 12.3

４桁になったら , を付属 例）⇒ 1,234

Comments

[kei344]

提示のコードではカウントアップしたものが表示されませんが、転記される際に見落としはありませんか？

Answer 1

根本的に小数点の計算をプログラムでしない方がいいです。バグの原因にしかならないから。
試しに0.1を10回足し合わせるプログラムを書いて出力すると1になりません。
あとインクリメント、デクリメントいずれも現在にプラス１しかしません。

なので、どうしてもやるなら小数以下と整数で分けて"."でくっ付ける。

0.1ずつカウントさせたいなら、１ずつ増えるプログラム書いて10になったら
10を1と0に分割して"."でくっつける。
100になったら 10と0で分割して"."でくっつける。
を考えるといいかと。そのままやると大変なことになるので、小数点以下を
何桁にするか規定し分割する。

あと、[,]区切りは正規表現などで。

以下にサンプル。

// 仮に小数点以下を2桁とし、1になるまで0.01ずつ増えるプログラムを作成すると仮定
var decimalSize = 2;
var decimalIndex = 1;
var integerIndex = 0;
var decimalSeparator = ".";
var integerSeparator = ",";

function dump(num){
    console.log(num);
}
function stringFormat(str , separator){
     
    // 正規表現で置き換え
   return str.replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1'+separator);
}
function linking(a,b,separator){
  return a+separator+b;
}
for(var count=0 ; count<101 ; count++){
    var countStr = count+"";
    var countStrLen = countStr.length;
    var paddingNum = "0";
    // 現在の桁数が整数表示なければそのまま表示してコンテにゅー
    if(countStrLen<=decimalSize){
        // 0のパディングdecimalSize-1になるまでpadding
        while(countStr.length<decimalSize)
          {countStr=paddingNum+countStr;};
          dump( linking(paddingNum,countStr,decimalSeparator ));
          continue;
    }
    // 小数部と整数部を分割
    var decimalData= countStr.slice(countStrLen-decimalSize );
    var integerData= countStr.substr(0,countStrLen-decimalSize );
    // 整数値にフォーマット処理をしたものと連結
    var dumpNum = linking(stringFormat(integerData),decimalData ,decimalSeparator )
    dump(dumpNum);
}

Answer 2

内部数値と表示でわけるとか。

console.log((thisCount / 10).toLocaleString());