定时器 V4
计划和控制定时函数回调,可以用作 setTimeout()
或 setInterval()
的替代品,保持动画和回调同步。
定时器使用 createTimer()
函数创建。
import { createTimer } from 'animejs';
const timer = createTimer(parameters);
参数
名称 | 接受 |
---|---|
参数 (可选) | 一个 Object ,包含定时器播放设置和定时器回调 |
返回
定时器
定时器代码示例
import { animate } 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>
本节内容