Help with number animation

Ask the community
,
2

Hi Rodrigo,

You don’t say what your page looks like so I can only provide a simple example. To perform number animation on the text field that has the ID #text28, you can do something like this:

let startNum = 0;
let endNum = 200;
const duration = 1000; // 1000 milliseconds 

$w.onReady(function () {

});

function countUp(){ 
   if (startNum <= endNum ){
      $w('#text28').text = startNum.toString();
      startNum++;
   }
}

export function text28_viewportEnter(event, $w) {
   setInterval(()=> {
      countUp();  
   }, duration);
}

Please understand that if you are going to work with code extensively in the product and not just the features in the user interface, you will need to familiarize yourself with basic coding concepts to accomplish what you want. There are a wealth of Javascript coding sites which will help you learn Javascript from basic to advanced - Javascript.info is a good one. The Wix Code Resources page provides tutorials, examples, and articles on getting the most out of Wix Code. We are happy to get you pointed in the right direction, but you’ll need to take it from there. As questions or difficulties arise, we are here to help.

You may also want to check out the WixArena - it’s a hub where you can look for Wix Code (and other) experts for hire.

Good luck,

Yisrael