美文网首页
requestAnimationFrame 帧函数

requestAnimationFrame 帧函数

作者: 叶叶叶xxx | 来源:发表于2019-10-04 19:49 被阅读0次

根据浏览器绘制执行的,只有该窗口显示的时候才执行。

var sum = 0
var i = 0;
    // 每一帧执行的动画
  function frameAnimation() {
    // 执行动画操作具体细节
    sum++
    if (sum === 60) {
        i++;
        console.log('执行' + i + '次');
        sum = 0;
    }
    // 继续执行动画
    window.requestAnimationFrame(frameAnimation)
  }

  // 开始执行动画
  frameAnimation()

相关文章

网友评论

      本文标题:requestAnimationFrame 帧函数

      本文链接:https://www.haomeiwen.com/subject/elpspctx.html