javascript早期动画循环(一)
发布日期:2021-07-01 00:55:00
浏览次数:2
分类:技术文章
本文共 590 字,大约阅读时间需要 1 分钟。
在JavaScript中创建动画的典型方式,就是使用setInterval()方法来控制所有的动画,以下是一个使用setInterval()的基本动画循环。
(function(){ function aa() { doSome(); doOther(); } setInterval(aa, 100);})();
为了创建一个小型动画库,aa()方法就得不断循环地执行每一个动画,并相应的改变不同元素的状态,如果没有动画需要更新,这个方法可以退出,什么也不用做,甚至可把动画停下来,等待下一次需要更新的动画。Document
编写这种动画的关键在于要知道延迟多少时间合适,一方面,循环间隔必须足够短,这样才能让不同的动画显得平滑流畅,另一方面:循环间隔还要足够长,这样才能确保浏览器有能力渲染产生的变化,大多数电脑显示器刷新频率是60hz。大概相当于每秒钟重回60次,
因此,最平滑的动画最佳时间就是1000ms/60,约等于17ms,以这个循环间隔重回动画效率很好。使用setInterval()和setTimeout()都不是最准确的,所以就出现了新兴的动画API,requestAnimationFrame();
好了,今天就写到这里吧,明天继续研究requestAnimationFrame()函数。转载地址:https://m528964214.blog.csdn.net/article/details/89855412 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年04月23日 16时51分56秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
windows10家庭版开启组策略
2019-05-01
解决uiautomatorviewer中添加xpath的方法
2019-05-01
性能测试的必要性评估以及评估方法
2019-05-01
Spark学习——利用Mleap部署spark pipeline模型
2019-05-01
Oracle创建表,修改表(添加列、修改列、删除列、修改表的名称以及修改列名)
2019-05-01
使用redis实现订阅功能
2019-05-01
URL特殊字符转码
2019-05-01
对称加密整个过程
2019-05-01
java内存模型
2019-05-01
volatile关键字
2019-05-01
tomcat_关闭
2019-05-01
Servlet_快速入门
2019-05-01
Servlet_生命周期方法
2019-05-01
Servlet_体系结构
2019-05-01
Servlet_urlpartten配置
2019-05-01
Request_原理
2019-05-01
Request_继承体系
2019-05-01
前端权限控制:获取用户信息接口构造数据
2019-05-01
有状态服务和无状态服务
2019-05-01