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!

Comments


bottom of page