WIX로 숫자 카운트 업 효과 적용하기

text54_viewportEnter 등록할것

 

 

let startNum1 = 0;

let startNum2 = 0;

let startNum3 = 40;

let endNum1 = 23;

let endNum2 = 38;

let endNum3 = 253;

const duration1 = 70;

const duration2 = 50;

const duration3 = 10;

function countUp1(){

if (startNum1 <= endNum1 ){

$w('#text54').text = startNum1.toString();

startNum1++;

}

}

function countUp2(){

if (startNum2 <= endNum2 ){

$w('#text56').text = startNum2.toString();

startNum2++;

}

}

function countUp3(){

if (startNum3 <= endNum3 ){

$w('#text58').text = startNum3.toString();

startNum3++;

}

}

export function text54_viewportEnter(event, $w) {

     setInterval(()=> {

countUp1();

}, duration1);

}

 

export function text56_viewportEnter(event, $w) {

     setInterval(()=> {

countUp2();

}, duration2);

}

 

export function text58_viewportEnter(event, $w) {

     setInterval(()=> {

countUp3();

}, duration3);

}

 

https://www.wix.com/corvid/forum/community-discussion/how-to-create-animated-number