このカウンタースクリプトに1000の数値にカンマを追加するにはどうすればいいですか

Question

このスクリプトはスパンに追加する数値までカウントしますが、後でカンマを11,000に追加します。

toFixedを追加しようとしたが、それは助けていない場合： $(this).text(Math.ceil(now).toFixed(3));

$('.counter').each(function() { 
 
    $(this).prop('Counter', 0).animate({ 
 
    Counter: $(this).text() 
 
    }, { 
 
    duration: 7000, 
 
    easing: 'swing', 
 
    step: function(now) { 
 
     $(this).text(Math.ceil(now)); 
 
     stop(); 
 
     $(this).removeClass('counter'); 
 
    } 
 
    }); 
 
});

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

 
    <div class="number"> 
 
    <span class="count counter">100</span> 
 
    </div> 
 
    <div class="number"> 
 
    <span class="count counter">11000</span> 
 
    </div>

Answer 1

あなたはtoLocalString()を使用することができます。

$('.counter').each(function() { 
 
    $(this).prop('Counter', 0).animate({ 
 
    Counter: $(this).text() 
 
    }, { 
 
    duration: 7000, 
 
    easing: 'swing', 
 
    step: function(now) { 
 
     $(this).text(Math.ceil(now).toLocaleString()); 
 
     // Here --------------------^ 
 
     stop(); 
 
     $(this).removeClass('counter'); 
 
    } 
 
    }); 
 
});

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

 
    <div class="number"> 
 
    <span class="count counter">100</span> 
 
    </div> 
 
    <div class="number"> 
 
    <span class="count counter">11000</span> 
 
    </div>

Answer 2

使用この機能：

$.fn.digits = function(){ 
    return this.each(function(){ 
     $(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); 
    }) 
} 

、その後：

$(".count counter").digits(); 

あなたも同じことを行うために、この単純なコードを使用することができます：

$(this).text(now.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"));