javascript - anime js - 重置整个时间轴(删除所有以前添加的动画)

Question

我可以使用 timeline.add({parameters}) 函数将动画添加到动漫时间轴。是否可以删除所有以前添加的动画并重置整个时间线？

谢谢，

Answer 1

您可以通过调用restart 方法来重置时间线:

const tl = anime.timeline({
  duration: 400,
  easing: 'easeInOutQuad',
})

tl.add({
  targets: '.box',
  rotate: 360,
  translateX: {
    value: 400,
    delay: 400,
  }
})

document.querySelector('button').addEventListener('click', () => {
    tl.restart();
});