js 字体变大变小

// 获取元素
var element = document.getElementById('myText');

// 设置字体大小
element.style.fontSize = '24px'; // 变大
element.style.fontSize = '12px'; // 变小

/* 定义CSS类 */
.big-font {
    font-size: 24px;
}

.small-font {
    font-size: 12px;
}

// 获取元素
var element = document.getElementById('myText');

// 添加或移除CSS类
element.classList.add('big-font'); // 变大
element.classList.remove('big-font');
element.classList.add('small-font'); // 变小

function animateFontSize(element, startSize, endSize, duration) {
    var startTime = performance.now();

    function animate(time) {
        var elapsed = time - startTime;
        var progress = Math.min(elapsed / duration, 1);
        var currentSize = startSize + (endSize - startSize) * progress;
        element.style.fontSize = currentSize + 'px';

        if (progress < 1) {
            requestAnimationFrame(animate);
        }
    }

    requestAnimationFrame(animate);
}

// 使用示例
var element = document.getElementById('myText');
animateFontSize(element, 12, 24, 1000); // 1秒内从12px变为24px