Js 时间轴

// 简单时间轴示例
const timeline = [
  { time: 1000, action: () => console.log('Event 1 at 1 second') },
  { time: 3000, action: () => console.log('Event 2 at 3 seconds') },
  { time: 5000, action: () => console.log('Event 3 at 5 seconds') }
];

let currentTime = 0;

function runTimeline() {
  timeline.forEach(event => {
    setTimeout(() => {
      event.action();
    }, event.time - currentTime);
    currentTime = event.time;
  });
}

runTimeline();

async function runSyncTimeline() {
  for (const event of timeline) {
    await new Promise(resolve => setTimeout(resolve, event.time - currentTime));
    event.action();
    currentTime = event.time;
  }
}

runSyncTimeline();

function animate() {
  requestAnimationFrame(animate);
  // 更新动画状态
}

animate();

// GSAP时间轴示例
gsap.timeline().to("#element", { duration: 1, x: 100 }).to("#element", { duration: 1, y: 100 });