API веб-анимации: сбросить анимацию по требованию

Это потребует немного математики, но вы можете получить всю необходимую информацию из самих методов. Попробуйте поместить это в функцию сброса, а затем щелкнуть по нему в разное время:

console.log(document.timeline);

У вас есть доступ к методу oncancel, поэтому вы можете использовать его для возврата изменений в зависимости от времени начала и текущего времени и т.д. (Здесь и происходит математика). Я также просто нашел обратный метод, который хорошо работает:

const allAnimations = document.timeline.getAnimations();
allAnimations.forEach((ani) => {
  ani.pause();
  console.log(ani.playState);
  ani.reverse();
});