Jak zwiększać liczbę za pomocą animacji przy użyciu przecinka za pomocą jQuery?

Question

Próbuję zwiększyć liczbę wewnątrz elementu na stronie. Ale potrzebuję tego numeru, aby dodać przecinek na tysięczną wartość miejsca. (Przykład 45,000 nie 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> 

Jak można zwiększyć liczbę pomocą animacji z przecinkiem?

Answer 1

Demo roboczahttp://jsfiddle.net/4v2wK/

Zapraszam ją zmienić bardziej do potrzeb użytkownika, można też spojrzeć na formater waluty nadzieję, że to będzie pasować zapotrzebowanie :)

kod

// 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; 
    } 

** wyjście *

Answer 2

Należy również dodać kompletną funkcji, takich jak:

step:function(){ 
    //.. 
}, 
complete:function(){ 
    $el.text(commaSeparateNumber(Math.round(this.someValue))); 
} 

Updated Fiddle: Demo