reset()JS
暂停并将 currentTime、progress、reversed、began、completed 属性重置为默认值。
animation.reset(softReset);参数
| 名称 | 类型 | 描述 |
|---|---|---|
| softReset=false (opt) | Boolean |
如果 true，只重置内部值而不触发视觉渲染 |
返回
动画本身
可以与其他动画方法链式使用。
reset() 代码示例
import { animate, utils, stagger } from 'animejs';
const [ $hardReset, $softReset ] = utils.$('.button');
const animation = animate('.square', {
x: '17rem',
alternate: true,
ease: 'inOutSine',
loop: true,
delay: stagger(100),
});
const hardReset = () => animation.reset();
const softReset = () => animation.reset(true);
$hardReset.addEventListener('click', hardReset);
$softReset.addEventListener('click', softReset);<div class="medium row">
<div class="square"></div>
</div>
<div class="medium row">
<div class="square"></div>
</div>
<div class="medium row">
<fieldset class="controls">
<button class="button">Hard reset</button>
<button class="button">Soft reset</button>
</fieldset>
</div>