jQueryを使用してアニメーションをカンマでインクリメントする方法

Question

私はページ上の要素内の数字をインクリメントしようとしています。しかし、1000番目の値にコンマを入れるには数字が必要です。 （45,000ではなく45000）

<script> 
// Animate the element's value from x to y: 
    $({someValue: 40000}).animate({someValue: 45000}, { 
     duration: 3000, 
     easing:'swing', // can be anything 
     step: function() { // called on every step 
      // Update the element's text with rounded-up value: 
      $('#el').text(Math.round(this.someValue)); 
     } 
    }); 
</script> 
<div id="el"></div> 

アニメーションをコンマで増やすにはどうすればよいですか？

Answer 1

ワーキングデモhttp://jsfiddle.net/4v2wK/

あなたの必要性のためのより多くのそれを変更すること自由に感じ、あなたも、これはあなたの必要性:)

コード

// Animate the element's value from x to y: 
    var $el = $("#el"); //[make sure this is a unique variable name] 
    $({someValue: 40000}).animate({someValue: 45000}, { 
     duration: 3000, 
     easing:'swing', // can be anything 
     step: function() { // called on every step 
      // Update the element's text with rounded-up value: 
      $el.text(commaSeparateNumber(Math.round(this.someValue))); 
     } 
    }); 

function commaSeparateNumber(val){ 
    while (/(\d+)(\d{3})/.test(val.toString())){ 
     val = val.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); 
    } 
    return val; 
    } 

に合う通貨フォーマッタ、希望を見ることができます

**出力*

Answer 2

また、のような完全な機能を追加する必要があります：Demo