JavaScript 取消动画
示例
要取消对的调用requestAnimationFrame,您需要从上次调用时返回的ID。这是您用于的参数cancelAnimationFrame。下面的示例启动一些假设的动画,然后在一秒钟后将其暂停。
//存储从每次对requestAnimationFrame的调用返回的id
var requestId;
//画点东西
function draw(timestamp) {
//做一些动画
//请求下一帧
start();
}
//暂停动画
function pause() {
//传递上一次对requestAnimationFrame的调用返回的ID
cancelAnimationFrame(requestId);
}
//开始动画
function start() {
//存储从requestAnimationFrame返回的ID
requestId = requestAnimationFrame(draw);
}
//现在开始
start();
//一秒钟后,暂停动画
setTimeout(pause,1000);
热门推荐
10 祝福语简短七夕
11 水晶婚夫妻祝福语简短
12 新年祝福语简短句子
13 简短正能量生日祝福语
14 新婚祝福语简短句子
15 祝朋友祝福语简短好看
16 海鲜送礼祝福语简短大全
17 给导师送花祝福语简短
18 宝宝祝福语诗意简短 古文