js 数字增长效果

// 目标数字
let targetNumber = 1000;
// 当前数字
let currentNumber = 0;
// 增长的速度（每帧增加的数值）
let increment = 5;
// 更新频率（毫秒）
let intervalTime = 20;

// 使用 setInterval 来更新数字
let intervalId = setInterval(() => {
    if (currentNumber < targetNumber) {
        currentNumber += increment;
        // 确保不会超过目标数字
        if (currentNumber > targetNumber) {
            currentNumber = targetNumber;
        }
        console.log(currentNumber); // 或者更新页面上的DOM元素显示数字
    } else {
        clearInterval(intervalId); // 达到目标后停止更新
    }
}, intervalTime);

let targetNumber = 1000;
let currentNumber = 0;
let increment = 5;

function updateNumber() {
    if (currentNumber < targetNumber) {
        currentNumber += increment;
        if (currentNumber > targetNumber) {
            currentNumber = targetNumber;
        }
        console.log(currentNumber); // 或者更新页面上的DOM元素显示数字
        requestAnimationFrame(updateNumber);
    }
}

// 开始动画
requestAnimationFrame(updateNumber);