reversed
设置计时器的初始方向。
计时器 currentTime 始终从 0 进展到 duration。
实际上只有 iterationTime 属性会被反向。
接受
布尔
- If set to
truethe timer's first iteration runs in reverse - If set to
falsethe timer's first iteration runs normally
默认
false
要全局更改默认值,请更新 engine.defaults 对象。
import { engine } from 'animejs';
engine.defaults.reversed = true;
反向代码示例
import { animate } from 'animejs';
const [ $iterationTime ] = utils.$('.iteration-time');
const [ $currentTime ] = utils.$('.current-time');
createTimer({
duration: 10000,
reversed: true,
onUpdate: self => {
$iterationTime.innerHTML = self.iterationCurrentTime;
$currentTime.innerHTML = self.currentTime;
}
});
<div class="large centered row">
<div class="col">
<pre class="large log row">
<span class="label">iteration time</span>
<span class="iteration-time value lcd">0</span>
</pre>
</div>
<div class="col">
<pre class="large log row">
<span class="label">current time</span>
<span class="current-time value lcd">0</span>
</pre>
</div>
</div>