Счетчик анимированных чисел jQuery от нуля до значения - счетчик показывает неправильное значение, когда значение составляет сотни тысяч

Question

Я пытался анимировать числа с помощью этого URL: jQuery счетчик анимированных чисел от нуля до значения и следовал этому коду:

$('.count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 3000,
        easing: 'swing',
        step: function (now) {
          $(this).text(Math.ceil(now));
        }
    });
});

Проблема в том, что ядал число 800 000 для увеличения числового счетчика. Случайно это значение увеличивается и снова уменьшается до 0. Например, после увеличения значения до 800 000, оно снова анимируется обратно к значению 0.

Счетчик от нуля до значения работает нормально для меньших значений в тысячах.

Answer 1

Нечто подобное должно сработать,

$('.count').each(function() {
  $(this).prop('Counter', 8000)
    .animate({
      Counter: $(this).text()
    }, {
      duration: 3000,
      easing: 'swing',
      step: function(now, a) {
        $(this).text(8000 - ~~this.Counter);
      }
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class='count'>0</span>

Надеюсь, это поможет,