revert()

取消定时器,将其 currentTime 设置为 0,并在必要时恢复链接的 onScroll() 实例。

当您想要完全停止并销毁定时器时,请使用 .revert()

返回值

定时器本身

可以与其他定时器方法链式调用。

revert() 代码示例

import { createTimer, utils } from 'animejs';

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

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

const playTimer = () => timer.play();
const revertTimer = () => {
  timer.revert();
  $time.innerHTML = timer.currentTime
}

$playButton.addEventListener('click', playTimer);
$revertButton.addEventListener('click', revertTimer);
<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="button play">Play</button>
    <button class="button revert">Revert</button>
  </fieldset>
</div>