Wix editor numerator

[Merel]

Hi guys,

Does anyone know if I can build in some kind of numertor in Wix Editor? I want it to be done like they do at:

Home | Doctors at Soap

It looks like this:

But anytime you refresh the website, these numbers will go from 0 to the numbers in the image.

I hope this makes sense and that anyone can help me with that!

Kind regards,
Merel van Wolferen

[noahlovell]

There’s a few apps on the app market that offer this, such as this one - Final Count Up | Wix App Market | Wix.com

Or if you’re looking for a coded solution, something like:

How to make an animated number counter?

Hello guys, I wanted to add an animated number element to my website. Where the Number will start count from 0 to 24,000. I’ m using the following code for my Text Element: let startNum = 0; let endNum = 23978; const duration = 10; // 1000 milliseconds $w.onReady(function () { setInterval(()=> { countUp(); }, duration); }); function countUp(){ if (startNum <= endNum ){ $w('#text112').text = startNum.toLocaleString().toString(); startNum++; } } T…

[Dan_Suhr]

I have used this before

$w.onReady(function () {

    function countElement(element, startValue, endValue, prefix = "", suffix = "") {

        const duration = 2000;
        const increment = (endValue - startValue) / (duration / 20);
        let currentValue = startValue;

        const timer = setInterval(() => {
            currentValue += increment;
            $w(element).text = prefix + `${(Math.round(currentValue)).toLocaleString('en-US')}${suffix}`;

            if (currentValue >= endValue) {
                clearInterval(timer);
            }
        }, 20);
    }

    $w("#Counters").onViewportEnter(async () => {

        await countElement("#text81", 0, 54, "", "+");
        await countElement("#text84", 0, 100, "", "+");
        await countElement("#text86", 0, 1, "", " hr");
        await countElement("#text88", 0, 100, "", " %");

    });

});

[Merel]

Amazing, thanks so much!