为什么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. ，启动动画(这使取消毫无意义)