如何用贝塞尔曲线实现数字动态增长的分段展示效果？

// 贝塞尔曲线控制点
const startX = 0;
const startY = 0;
const cp1X = 0.1;
const cp1Y = 0.4;
const cp2X = 0.1;
const cp2Y = 1;
const endX = 1;
const endY = 1;

// 贝塞尔曲线函数
function bezier(t) {
  const cx = 3 * (cp1X - startX);
  const cy = 3 * (cp1Y - startY);
  const bx = 3 * (cp2X - cp1X) - cx;
  const by = 3 * (cp2Y - cp1Y) - cy;
  const ax = endX - startX - cx - bx;
  const ay = endY - startY - cy - by;
  const x = ax * t * t * t + bx * t * t + cx * t + startX;
  const y = ay * t * t * t + by * t * t + cy * t + startY;
  return y;
}

// 数字增长动画
let count = 0;
const target = 1000;
const duration = 3000; // 动画持续时间 (毫秒)
const startTime = Date.now();

function update() {
  const elapsed = Date.now() - startTime;
  const t = Math.min(1, elapsed / duration);
  count = Math.round(bezier(t) * target);

  // 分段显示数字 (示例：每100递增显示一次)
  const displayCount = Math.floor(count / 100) * 100;
  document.getElementById('count').textContent = displayCount;

  if (elapsed < duration) {
    requestAnimationFrame(update);
  }
}

update();