top of page

Number Count Up Effect After Scrolling



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!

bottom of page