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 红包祝福语简短10字
18 周六早晨祝福语简短