アニメーションカウント機能にカンマを追加する

Question

私はこれについてオンラインで見つけることができたすべてを試しましたが、アニメーション番号ではなく静的数値を扱うように見えます。

が、それはこの機能を変更することで、これを使用して数が増加すると、私の値に加算コンマを持つことは可能ですか？

$('.counter').each(function() { 
     var $this = $(this), 
      countTo = $this.attr('data-count'); 

     $({ countNum: $this.text()}).animate({ 
      countNum: countTo 
     }, 

     { 

     duration: 500, 
     easing:'linear', 
     step: function() { 
      $this.text(Math.floor(this.countNum)); 
     }, 
     complete: function() { 
      $this.text(this.countNum); 
       //alert('finished'); 
     } 

    }); 

Answer 1

現在、要素text()を設定している場合は、カンマを追加するだけです。 add commas to a number in jQuery

$('.counter').each(function() { 
 
    var $this = $(this), 
 
    countTo = $this.attr('data-count'); 
 

 
    $({ 
 
    countNum: $this.text() 
 
    }).animate({ 
 
     countNum: countTo 
 
    }, 
 

 
    { 
 
     duration: 5000, 
 
     easing: 'linear', 
 
     step: function() { 
 
     $this.text(commaSeparateNumber(Math.floor(this.countNum))); 
 
     }, 
 
     complete: function() { 
 
     $this.text(commaSeparateNumber(this.countNum)); 
 
     //alert('finished'); 
 
     } 
 
    } 
 
); 
 

 
}); 
 

 
function commaSeparateNumber(val) { 
 
    while (/(\d+)(\d{3})/.test(val.toString())) { 
 
    val = val.toString().replace(/(\d+)(\d{3})/, '$1' + ',' + '$2'); 
 
    } 
 
    return val; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<span class="counter" data-count="1000000"></span>