javascript - jQuery Counter, animation to a total，但我如何包含一个逗号？

Question

我在这里为一个计数器找到了许多解决方案，从一个总数到另一个总数的动画。

这是我现在使用的:

jQuery.fn.extend({
          ts : function (from, to, time) {
            var steps = 1,
                self = this,
                counter;
        
            if (from - to > 0) {
              steps = -1;
            };
        
            from -= steps;
        
            function step() {
              self.text(from += steps);
        
              if ((steps < 0 && to >= from) || (steps > 0 && from >= to)) {
                clearInterval(counter);
              };
            };
        
            counter = setInterval(step, time || 5);
          }
        });
        
        
        var total = $('.total').ts(56000,56941);

效果很好。但是，我想在总数中添加一个逗号，例如 56,941。这可能吗？

Answer 1

我想这样就可以了:

jQuery.fn.extend({
    ts: function(from, to, time) {
        var steps = 1, self = this, counter;

        if (from - to > 0) steps = -1;
        from -= steps;

        function step() {
            var x = (from += steps).toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
            self.text(x);
            if ((steps < 0 && to >= from) || (steps > 0 && from >= to)) {
                clearInterval(counter);
            };
        };
        counter = setInterval(step, time || 5);
    }
});

FIDDLE