定时器

调度和控制定时回调,可作为 setTimeout()setInterval() 的替代方法,保持动画和回调的同步。

计时器使用从主 'animejs' 模块导入的 createTimer() 方法创建:

import { createTimer } from 'animejs';

const timer = createTimer(parameters);

或者作为独立模块从 'animejs/timer' 子路径 导入:

import { createTimer } from 'animejs/timer';

参数

名称 接受
parameters (opt) 一个Object,用于 计时器播放设置计时器回调

返回

计时器

定时器代码示例

import { createTimer } from 'animejs';

const [ $time, $count ] = utils.$('.value');

createTimer({
  duration: 1000,
  loop: true,
  frameRate: 30,
  onUpdate: self => $time.innerHTML = self.currentTime,
  onLoop: self => $count.innerHTML = self._currentIteration
});
<div class="large centered row">
  <div class="half col">
    <pre class="large log row">
      <span class="label">current time</span>
      <span class="value lcd">0</span>
    </pre>
  </div>
  <div class="half col">
    <pre class="large log row">
      <span class="label">callback fired</span>
      <span class="value lcd">0</span>
    </pre>
  </div>
</div>