js animate 匀速

// 获取动画对象
const element = document.getElementById('animatedElement');

// 设置初始位置和目标位置
let startPosition = 0;
let targetPosition = 500;
let currentPosition = startPosition;

// 设置动画速度（像素/帧）
const speed = 5;

// 动画函数
function animate() {
  // 计算当前帧的位置
  currentPosition += speed;

  // 更新元素位置
  element.style.transform = `translateX(${currentPosition}px)`;

  // 判断是否到达目标位置
  if (currentPosition < targetPosition) {
    // 继续动画
    requestAnimationFrame(animate);
  }
}

// 开始动画
requestAnimationFrame(animate);

let lastTime = performance.now();

function animate(currentTime) {
  const deltaTime = currentTime - lastTime;
  lastTime = currentTime;

  currentPosition += speed * (deltaTime / 16); // 假设目标帧率为60fps

  element.style.transform = `translateX(${currentPosition}px)`;

  if (currentPosition < targetPosition) {
    requestAnimationFrame(animate);
  }
}