将动画函数从jQuery转换为普通的js

// 从jQuery转换为普通的JavaScript动画函数
function animate(element, property, targetValue, duration) {
  const startValue = parseFloat(getComputedStyle(element)[property]);
  const startTime = performance.now();

  function step(currentTime) {
    const elapsedTime = currentTime - startTime;
    const progress = Math.min(elapsedTime / duration, 1);
    const currentValue = startValue + (targetValue - startValue) * progress;

    element.style[property] = currentValue + 'px';

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

  requestAnimationFrame(step);
}

// 示例用法
const box = document.getElementById('box');
animate(box, 'left', 400, 1000);