计时器
用于调度和控制定时回调，可作为 setTimeout() 或 setInterval() 的替代方案，以保持动画与回调的同步。
计时器通过从主 'animejs' 模块中导入的 createTimer() 方法创建
import { createTimer } from 'animejs';
const timer = createTimer(parameters);或者作为独立模块从 'animejs/timer' 子路径导入
import { createTimer } from 'animejs/timer';参数
| 名称 | 接受 |
|---|---|
| 参数 (可选) | 包含 计时器播放设置 和 计时器回调 的 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>
本节内容