美文网首页
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