持续时间
定义所有动画补间(tweens)的默认持续时间(以毫秒为单位)。
将持续时间设置为 0 会使动画在播放时立即完成。
接受
- 一个大于或等于
0的Number(数字) - 一个返回大于或等于
0的Number类型值的基于函数的值
高于 1e12 的持续时间值会在内部被限制为 1e12(约 32 年)。
默认值
1000
要全局更改默认值,请更新 engine.defaults 对象。
import { engine } from 'animejs';
engine.defaults.duration = 500;
持续时间代码示例
import { animate } from 'animejs';
animate('.dur-0', {
x: '17rem',
duration: 0,
});
animate('.dur-500', {
x: '17rem',
duration: 500,
});
animate('.dur-2000', {
x: '17rem',
duration: 2000
});
<div class="medium row">
<div class="circle dur-0"></div>
<div class="padded label">duration: 0</div>
</div>
<div class="medium row">
<div class="circle dur-500"></div>
<div class="padded label">duration: 500</div>
</div>
<div class="medium row">
<div class="circle dur-2000"></div>
<div class="padded label">duration: 2000</div>
</div>