Как увеличить число, используя анимацию с запятой, используя jQuery?

Question

Я пытаюсь увеличить число внутри элемента на странице. Но мне нужно, чтобы число включало запятую для значения тысячного места. (например, 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

Вы также должны добавить полную функцию как таковую:

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

Обновлено Fiddle: Demo