reset()
暂停并将 currentTime、progress、reversed、began、completed 属性重置为默认值。
timeline.reset(softReset);参数
| 名称 | 类型 | 描述 |
|---|---|---|
| softReset=false (opt) | Boolean |
如果 true，只重置内部值而不触发视觉渲染 |
返回
时间线本身
可以与其他计时器方法链式调用。
reset() 代码示例
import { createTimer, utils } from 'animejs';
const [ $reset ] = utils.$('.button');
const tl = createTimeline({
loop: true,
alternate: true
})
.add('.circle', { x: '15rem' })
.add('.triangle', { x: '15rem' }, 500)
.add('.square', { x: '15rem' }, 1000);
const resetTimeline = () => {
tl.reset();
$time.innerHTML = timer.currentTime;
}
$reset.addEventListener('click', resetTimeline);<div class="large row">
<div class="medium pyramid">
<div class="triangle"></div>
<div class="square"></div>
<div class="circle"></div>
</div>
</div>
<div class="medium row">
<fieldset class="controls">
<button class="button">Reset</button>
</fieldset>
</div>