持续时间

定义所有动画补间的默认毫秒持续时间。
将持续时间设置为 0,动画在播放时会立即完成。

接受

  • 一个大于或等于 0Number 类型值
  • 一个返回大于或等于 0Number 类型值的基于函数的值

持续时间值如果高于 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>