autoplay

定义动画的播放模式。

当动画添加到时间线时,autoplay 参数无效,并且将被覆盖为 false

接受

Boolean | onScroll()

  • 如果设置为 true,动画将自动播放
  • 如果设置为 false,动画必须手动播放
  • 如果设置为 onScroll(),动画将在满足滚动阈值条件时启动

默认值

true

要全局更改默认值,请更新 engine.defaults 对象。

import { engine } from 'animejs';
engine.defaults.autoplay = false;

autoplay 代码示例

animate('.autoplay-true', {
  x: '17rem',
  autoplay: true, // Default
});

animate('.autoplay-false', {
  x: '17rem',
  autoplay: false,
});
<div class="medium row">
  <div class="circle autoplay-true"></div>
  <div class="padded label">autoplay: true</div>
</div>
<div class="medium row">
  <div class="circle autoplay-false"></div>
  <div class="padded label">autoplay: false</div>
</div>