使用
requestAnimationFrame的用法与settimeout很相似,只是不需要设置时间间隔而已。requestAnimationFrame使用一个回调函数作为参数,这个回调函数会在浏览器重绘之前调用。它返回一个整数,表示定时器的编号,这个值可以传递给cancelAnimationFrame用于取消这个函数的执行
1.requestID = requestAnimationFrame(callback);
var timer = requestAnimationFrame(function(){
console.log(0);
});
console.log(timer);//1
2.cancelAnimationFrame方法用于取消定时器
var timer = requestAnimationFrame(function(){
console.log(0);
});
cancelAnimationFrame(timer);
3也可以直接使用返回值进行取消
var timer = requestAnimationFrame(function(){
console.log(0);
});
cancelAnimationFrame(1);