用于调度和控制定时函数回调,可作为 setTimeout()setInterval() 的替代方案,并保持动画与回调的同步。

可以使用 createTimer() 函数来创建定时器:

  1. import { createTimer } from 'animejs';
  2. const timer = createTimer(parameters);

参数

名称 接收类型
parameters(可选) 一个包含 定时器播放设置定时器回调函数 的对象

返回值

返回一个 Timer(定时器)对象。

定时器代码示例

JavaScript + HTML:

  1. import { animate } from 'animejs';
  2. const [ $time, $count ] = utils.$('.value');
  3. createTimer({
  4. duration: 1000,
  5. loop: true,
  6. frameRate: 30,
  7. onUpdate: self => $time.innerHTML = self.currentTime,
  8. onLoop: self => $count.innerHTML = self._currentIteration
  9. });