JavaScript

// アニメーション管理用変数
let animationFlag;
function tick() {
  // アニメーション内容を記述
  console.log("animation");
  animationFlag = requestAnimationFrame(tick); // コールバック内にrequestAnimationFrameを格納することでループさせる
}

// アニメーション実行
tick();

// アニメーションを中断したい場合の記述
document.addEventListener("click", function () {
  // アニメーション中断
  cancelAnimationFrame(animationFlag);
});