JSFiddle - React, Tailwind, and code Playground

by velo_ninja

HTML

//---[ User-Interface ]--------------------
let startNum = [];
    startNum[0] = 0;
    startNum[1] = 0;
    startNum[2] = 0;
    
let endNum = [];
    endNum[0] = 146;
    endNum[1] = 80;
    endNum[2] = 28;

const countSpeed = 50; // in  milliseconds
//---[ User-Interface ]--------------------





//---[ CODE ]--------------------
$w.onReady(()=> {console.log('Page ready...');
    $w(‘#txtSales’).onViewportEnter(()=> {start_Counter();});
});


function start_Counter() {console.log('COUNTER running...');  
  let timer = setInterval(()=> { 
    if (startNum <= endNum) {startNum = startNum+1
        $w(‘#txtSales’).text = (startNum).toString
    } 
    else {clearInterval(timer); startNum=0}

  }, countSpeed);
}