Как сделать анимацию нецелого числа?

Question

[Василий Петров]

$(window).scroll(startCounter);
function startCounter() {
    if ($(window).scrollTop() > 200) {
        $(window).off("scroll", startCounter);
        $('.Count').each(function () {
            var $this = $(this);
            jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
                duration: 1000,
                easing: 'swing',
                step: function () {
                    $this.text(Math.ceil(this.Counter));
                }
            });
        });
    }
}

Этот код создает анимацию: стоит у вас целое число, например, 100, то оно будет перебираться от 1 до 100 (1,2,3 и тд).

Но, если стоит нецелое число, то оно автоматически округляется. Как сделать, чтобы не было этого округления?

Answer 1

[Фаррух Холмухамедов]

Нужно убрать Math.ceil, функцию округления. Но этого будет недостаточно, нужно определить шаг. Ведь с целыми числами всего один шаг от 0 до 1, а с нецелыми числами такое не прокатит: от 0 до 1 можно дойти и за 10, и за 100, и за ∞ шагов.

Пример счетчика от 0 до 100 длительностью в 1 000 миллисекунд с шагом (увеличением) на 0,1

duration: 1000,
...
step: function (now) {
    $this.text(now.toFixed(2));
}

Comments

[Василий Петров]

Окей, понял как убрать округление, а как сделать его до сотых?

[Фаррух Холмухамедов]

Василий Петров: ну, это я уже не буду подсказывать из образовательных побуждений. Любое решение проблемы надо подкрепить. Поиграйся с числами, которые я привел в примере.

[Фаррух Холмухамедов]

https://jsfiddle.net/kwtpno69/

[Василий Петров]

Фаррух Холмухамедов: Спасибо!