javascript - 为什么 js window.cancelAnimationFrame() 不起作用？

Question

代码

不工作： -

let animateFrame ;
function animate (){
    if(animateFrame > 200 ) {
        window.cancelAnimationFrame(animateFrame );
    } 
    console.log(animateFrame ) ;
    animateFrame =  window.requestAnimationFrame(animate);
}
animate()

工作不知道为什么:-

let animateFrame ;
function animate (){

   animateFrame =  window.requestAnimationFrame(animate);
   if(animateFrame > 200 ) {
        window.cancelAnimationFrame(animateFrame );
   }
   console.log(animateFrame ) ;
}
animate()

如果您通过示例进行解释，那就太好了。

谢谢你的时间。

Answer 1

在第一个示例中：

1. 如果帧超过 200，则取消动画
2. 你记录框架
3. 您开始动画（这使得取消毫无意义）