Отменить все запущенные в настоящий момент RequestAnimationFrames

Question

Я вызываю несколько requestAnimationFrames одновременно.Как бы я отменил все requestAnimationFrames так, чтобы ни один больше не работал?

Answer 1

Вы можете позвонить requestAnimationFrame, сохранить возвращенный идентификатор, а затем вызвать cancelAnimationFrame для всех натуральных чисел, меньших этого числа.

function cancelAllAnimationFrames(){
   var id = window.requestAnimationFrame(function(){});
   while(id--){
     window.cancelAnimationFrame(id);
   }
}

Answer 2

window.requestAnimatioFrame(()=>{}) возвращает число, которое будет использоваться с window.cancelAnimationFrame(number).Итак, сохраните числа в массиве, а затем выполните итерацию по массиву, отменив числа.

Через MDN:

window.requestAnimatioFrame

window.cancelAnimationFrame