Animation: startTime プロパティ

const catRunning = document
  .getElementById("withWAAPI")
  .animate(keyframes, timing);
/* 新しい猫を作成する関数 */
function addCat() {
  const newCat = document.createElement("div");
  newCat.classList.add("cat");
  return newCat;
}
/* これは、 WAAPI 列に猫を追加する関数 */
function animateNewCatWithWAAPI() {
  // make a new cat
  const newCat = addCat();
  // animate said cat with the WAAPI's "animate" function
  const newAnimationPlayer = newCat.animate(keyframes, timing);
  // set the animation's start time to be the same as the original .cat#withWAAPI
  newAnimationPlayer.startTime = catRunning.startTime;
  // Add the cat to the pile.
  WAAPICats.appendChild(newCat);
}

// Firefox 60 における 時間制度の低下 (2ms)
animation.currentTime;
// 23.404
// 24.192
// 25.514
// …
// `privacy.resistFingerprinting` が有効な場合の時間制度の低下
animation.currentTime;
// 49.8
// 50.6
// 51.7
// …