2018-06-06 requestAnimationFrame 使用说明

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 );

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,009评论 3 119
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,141评论 1 32
  • 种茶的地方,风景一定不会差。所以,极愿意去茶园,逢着机会了是一定要去的。 跟着老师,车子开出市区不多久,四周涌进来...
    沄间一杯茶阅读 320评论 1 3
  • 大家每天都在用手机,刷微博,看公众号,然后接触到的话题往往就成了大家聚在一起闲聊的谈资。 有这么一群人,你在跟他聊...
    tbluet05阅读 302评论 0 4
  • 什么是Webpack webpack是一个前端模块化方案,更侧重模块打包,我们可以把开发中的所有资源(图片、js ...
    Mr无愧于心阅读 459评论 0 2