Open Site Navigation

Number Count Up Effect with Velo

Do you want to create a cool effect where numbers count up on your Wix websites? Well, in this lesson, you will learn how to do just that with just a few lines of code.


Wix Velo: Number Count Up Effect

Before you apply the code, watch this video to ensure that you set your website up correctly first!



Now that you have successfully set up your site for the code, feel free to copy this text to your own website and change the numbers in the code!


 

let startNum = 3200000; let endNum = 3384000; const duration = 3; // 1000 milliseconds $w.onReady(function () { setInterval(() => { countUp(); }, duration); }); function countUp() { if (startNum <= endNum) { $w('#numberText').text = startNum.toLocaleString(); startNum += 100; } }

 

Enjoy!