为什么 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. 您启动动画（这使得取消毫无意义）