美文网首页
2018-06-06 requestAnimationFrame

2018-06-06 requestAnimationFrame

作者: 十月鹰飞 | 来源:发表于2018-06-06 13:36 被阅读0次

    requestAnimationFrame 这个需要记录下,不然每次都要反应半天。
    运用思路:自递归

    用法1:
    不需要控制器来控制动画的结束
    const animate = () = > {
    // Do whatever
    requestAnimationFrame( animate );
    // Do something animate
    }

    requestAnimationFrame( animate ); // start

    用法2:
    需要控制什么时候结束动画的时候需要设置一个句柄,控制器。
    let animateControl = null;
    const animate = () => {
    // Do whatever
    animateControl = requestAnimationFrame(animate);
    // Do something animate
    }

    // start
    animateControl = requestAnimationFrame( animate );

    // stop
    cancelAnimationFrame( animateControl );

    相关文章

      网友评论

          本文标题:2018-06-06 requestAnimationFrame

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