重置() JS
暂停并重置 currentTime、progress、reversed、began、completed 属性为它们默认值。
animation.reset(softReset);参数
| 名称 | 类型 | 描述 |
|---|---|---|
| softReset=false (可选) | 布尔值 |
如果 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>