Come incrementare il numero usando l'animazione con la virgola usando jQuery?

Question

Sto cercando di incrementare un numero all'interno di un elemento nella pagina. Ma ho bisogno che il numero includa una virgola per il millesimo valore. (Ad esempio 45.000 non 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> 

Come posso incrementare un numero utilizzando animare con una virgola?

Answer 1

lavoro Demohttp://jsfiddle.net/4v2wK/

Sentitevi liberi di cambiare più per il vostro bisogno, si può anche guardare al formattatore di valuta, spero che questo si adatta al vostro bisogno :)

Codice

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

** output *

Answer 2

Si dovrebbe anche aggiungere una funzione completa in quanto tale:

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

Aggiornato Fiddle: Demo