javascript Анимациячиселприпрокрутке

Posted 2021-05-04

<div class="result-num result-num1"><span>0</span>%</div>

var resultCount = $(".result-list");
    resultCount.css('opacity', 0);
    resultCount.waypoint(function() {
        $(this).addClass('fadeInUp animated');
        var currentNumber1 = $('.result-num1 span').text();
        var currentNumber2 = $('.result-num2 span').text();
        var currentNumber3 = $('.result-num3 span').text();

        $({numberValue: currentNumber1}).animate({numberValue: 89}, {
            duration: 1000,
            easing: 'linear',
            step: function() {
                $('.result-num1 span').text(Math.ceil(this.numberValue));
            }
        });
        $({numberValue: currentNumber2}).animate({numberValue: 100}, {
            duration: 1000,
            easing: 'linear',
            step: function() {
                $('.result-num2 span').text(Math.ceil(this.numberValue));
            }
        });
        $({numberValue: currentNumber3}).animate({numberValue: 20}, {
            duration: 1000,
            easing: 'linear',
            step: function() {
                $('.result-num3 span').text(Math.ceil(this.numberValue));
            }
        });
    }, { offset: '85%' });