countUp Counter with Animated Number Scrolling

Add-ons

2026-07-25 23:11 3 次浏览 • 0 次下载 3.5KB

Plugin description: countUp counter with animated number scrolling.

Last updated: 2020-07-30 01:13:43

Changelog:Optimized JavaScript code for initializing the plugin:

$(function() {
    var countCXArr = [];
    var countCX = function() {
        $('.numCount').each(function(i, dom) {
            if (countCXArr[i] && countCXArr[i] === true) {
                return;
            }
            var sT;
            var ncTop;
            sT = $(window).scrollTop();
            ncTop = $(dom).offset().top;
            var id, decimals, startVal, endVal, duration;
            if (sT > ncTop - $(window).height() && sT < ncTop) {
                $(dom).find('.numCX').each(function() {
                    id = $(this).attr('id');
                    decimals = $(this).attr('data-decimals'), startVal = $(this).attr('data-startVal'), endVal = $(this).attr('data-endVal'), duration = $(this).attr('data-speed');
                    new CountUp(id, startVal, endVal, decimals, duration, {
                        useEasing: true, // Effect                       
                        separator: '' // Number separator                
                    }).start();
                    // target: Target element ID, 
                    startVal: The value you want to start from, endVal: The value you want to reach, decimals: Number of decimal places, default value is 0, duration: Animation duration in seconds, default value is 2, options: Optional object containing configuration options. countCXArr[i] = true;
                })
            }
        })
    }
    countCX();
    $(window).on("scroll", function() {
        countCX();
    })
});

Last updated: 2020-07-23 01:05:59