top of page

Number Count Up Effect After Scrolling

Updated: Dec 30, 2024



Velo Code:


let startNum = 1;
let endNum = 800;
const duration = 3; // 1000 milliseconds

function countUp() {
    if (startNum <= endNum) {
        $w('#numberText').text = startNum.toLocaleString();
        startNum += 1;
    }
}

// CREATE YOUR OWN EVENT HANDLER HERE
export function columnStrip2_viewportEnter(event) {
    setInterval(() => {
        countUp();
    }, duration);
}

// Copying/Pasting Event Handlers From Website to Website or Even From Page to Page Will Break the Code. Avoid This by Adding the Event Handlers Manually Like Shown in the Video.

Enjoy!

Scene 02 (0-00-00-26).jpg

elevate your client projects?

Transform Your Projects with the Ultimate 2024-2025 Wix Studio Template Bundle!

Group 8.png
bottom of page