duration / delay

让动画快一点/慢一点，以及晚一点才开始。

小窍门：delay 只影响“开始时间”，不会改变动画跑完所需的 duration。你可以把 delay 当成“起跑前的倒计时”。

duration / delay code example

JavaScript

HTML

CSS

const duration = 900; const delay = 200; xjs('.dot').animate({ x: '18rem', duration, delay, easing: 'ease-out' });

.dot { width: 16px; height: 16px; border-radius: 4px; background: var(--accent-color); }

功能说明：
- duration：动画跑完一次需要的时间（毫秒）。
- delay：动画开始前等待的时间（毫秒）。
你可以用 delay 做“队列编排”：比如多个元素按 0ms/80ms/160ms 依次启动。

READY

duration 900ms

delay 200ms

Tween parameters