const element = document.getElementById('number');
const target = 1000;
const duration = 2000; // 毫秒
const stepTime = 20; // 每步间隔
const totalSteps = duration / stepTime;
let currentStep = 0;
const increment = target / totalSteps;
<p>const timer = setInterval(() => {
currentStep++;
let currentValue = Math.min(Math.round(increment * currentStep), target);
element.textContent = currentValue;</p><p>if (currentValue === target) {
clearInterval(timer);
}
}, stepTime);</p>

const element = document.getElementById('number');
const target = 1000;
const duration = 2000;
let start = null;
<p>function animateNumber(timestamp) {
if (!start) start = timestamp;
const progress = timestamp - start;
const percent = Math.min(progress / duration, 1);
const value = Math.round(target * percent);
element.textContent = value;</p><p>if (percent < 1) {
requestAnimationFrame(animateNumber);
}
}</p><p>requestAnimationFrame(animateNumber);</p>

function animateNumber(element, target, duration = 2000) {
  let start = null;
  const initial = parseInt(element.textContent) || 0;
  const change = target - initial;
<p>function easeOut(t) {
return t * (2 - t); // 简单缓动函数
}</p><p>function animate(timestamp) {
if (!start) start = timestamp;
const elapsed = timestamp - start;
const progress = Math.min(elapsed / duration, 1);
const easedProgress = easeOut(progress);
const value = initial + Math.round(change * easedProgress);</p><pre class='brush:php;toolbar:false;'>element.textContent = value;

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

}

requestAnimationFrame(animate); }

// 使用方式 animateNumber(document.getElementById('score'), 420, 1500);