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 妈妈生日祝福语简短励志