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