jquery - 如何使用 jQuery 使用 animate 和逗号来增加数字？

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>

如何使用带有逗号的 animate 来增加数字？

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

**输出*