requestAnimationFrame 与 cancelAnimationFrame

 

 

API接口

Window对象定义了以下两个接口：

partial interface Window {
  long requestAnimationFrame(FrameRequestCallback callback);
  void cancelAnimationFrame(long handle);
};

1、执行requestAnimationFrame之后再执行cancelAnimationFrame。

下面代码只会执行一次a：

var id = null;

    function a(time) {
        console.log("animation");
        id = window.requestAnimationFrame(a);
        window.cancelAnimationFrame(id);
    }

    a();

2、在callback外部执行cancelAnimationFrame。 下面代码只会执行一次a

 

function a(time) {
        console.log("animation");
        id = window.requestAnimationFrame(a);
    }

    a();
    window.cancelAnimationFrame(id);