自动播放

定义定时器的播放模式。

当定时器添加到时间轴时，autoplay 参数无效，并将被覆盖为 false。

接受

Boolean | onScroll()

如果设置为 true，定时器将自动播放
如果设置为 false，定时器必须手动播放
如果设置为 onScroll()，当满足滚动阈值条件时，定时器将开始

默认

true

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

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

自动播放代码示例

const [ $time ] = utils.$('.time');
const [ $playButton ] = utils.$('.play');

const timer = createTimer({
  autoplay: false,
  onUpdate: self => $time.innerHTML = self.currentTime
});


const playTimer = () => timer.play();

$playButton.addEventListener('click', playTimer);

<div class="large centered row">
  <div class="half col">
    <pre class="large log row">
      <span class="label">current time</span>
      <span class="time value lcd">0</span>
    </pre>
  </div>
</div>
<div class="medium row">
  <fieldset class="controls">
    <button class="play">Play</button>
  </fieldset>
</div>

上一个 下一个