reversed

设置定时器的初始方向。
定时器的 currentTime 始终从 0 递增到 duration。
只有 iterationTime 属性实际上是反向的。

接受

布尔值

如果设置为 true，定时器的第一次迭代将反向运行
如果设置为 false，定时器的第一次迭代将正常运行

默认值

false

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

import { engine } from 'animejs';
engine.defaults.reversed = true;

reversed 代码示例

import { animate } from 'animejs';

const [ $iterationTime ] = utils.$('.iteration-time');
const [ $currentTime ] = utils.$('.current-time');

createTimer({
  duration: 10000,
  reversed: true,
  onUpdate: self => {
    $iterationTime.innerHTML = self.iterationCurrentTime;
    $currentTime.innerHTML = self.currentTime;
  }
});

<div class="large centered row">
  <div class="col">
    <pre class="large log row">
      <span class="label">iteration time</span>
      <span class="iteration-time value lcd">0</span>
    </pre>
  </div>
  <div class="col">
    <pre class="large log row">
      <span class="label">current time</span>
      <span class="current-time value lcd">0</span>
    </pre>
  </div>
</div>

上一个 下一个