restart()
重置所有属性并将动画的 currentTime(当前时间)设置为 0。
如果 autoplay(自动播放)设置为 true,动画将自动开始播放。
返回
动画本身
可与其他动画方法链式调用。
restart() 代码示例
import { animate, utils, stagger } from 'animejs';
const [ $restartButton ] = utils.$('.restart');
const animation = animate('.square', {
x: '17rem',
direction: 'alternate',
ease: 'inOutSine',
loop: true,
delay: stagger(100)
});
const restartAnimation = () => animation.restart();
$restartButton.addEventListener('click', restartAnimation);
<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 restart">Restart</button>
</fieldset>
</div>