onUpdate
在运行定时器的每个帧上,以指定的 frameRate
执行一个函数。
接受
一个 Function
,其第一个参数返回定时器本身
默认值
noop
要全局更改默认值,请更新 engine.defaults
对象。
import { engine } from 'animejs';
engine.defaults.onUpdate = self => console.log(self.id);
onUpdate 代码示例
import { createTimer, utils } from 'animejs';
const [ $updates ] = utils.$('.updates');
const [ $time ] = utils.$('.time');
let updates = 0;
createTimer({
onUpdate: self => {
$updates.innerHTML = ++updates;
$time.innerHTML = self.currentTime;
}
});
<div class="large row">
<div class="col">
<pre class="large log row">
<span class="label">updates</span>
<span class="updates value">0</span>
</pre>
</div>
<div class="col">
<pre class="large log row">
<span class="label">current time</span>
<span class="time value lcd">0</span>
</pre>
</div>
</div>