各浏览器的setInterval实现细节测试
admin
2024-03-07 12:48:15
0次
如何以指定的帧速绘制动画？用setInterval来调度误差大吗？下面的测试会给出解答。
环境和设定
浏览器
- Chrome 108
- Safari 16.0
- Firefox 107
测试15fps的帧速（帧间隔毫秒为1000/15），测试持续60秒，期间页面一直保持显示状态（不切换到后台，不息屏）
Test setInterval with 1000/60~=66.6667 delay, 60s duration, page kept visible all the time (without switching to background, without screen off)
测试代码
在线演示见CodePen setInterval actual interval test
Interval set: 0
Average interval 0
测试结果
Actual average interval of setInterval
| occasion \ platform | Windows Chrome | Android Chrome | macOS Safari | iOS Safari | Windows Firefox | Android Firefox |
|---|---|---|---|---|---|---|
| page visible | 66.01 | 66.01 | 66.69 | 78.45 | 66.67 | |
| page visible (battery power saving mode) | 66.01 | 66.01 | 89.76 | 78.36 | 66.68 | |
| page hidden | ||||||
| page hidden (battery power saving mode) |
解读
Chrome的setInterval似乎对delay参数进行了floor()处理（不支持delay的小数部分），采取自校准策略使得调度较为准时（当参数delay为整数时调度不会顺延），似乎未针对省电模式切换策略。
Safari的setInterval分两种情况：非省电模式中支持delay参数的小数部分，采取自校准策略使得调度较为准时；省电模式中采取累积延迟策略（顺延）。
Windows Firefox的setInterval采取累积延迟策略，Android Firefox的setInterval采取自校准策略，两者似乎未针对省电模式切换策略。
相关内容
热门资讯
“黑色星期二”！刚刚，欧美全线...
全球金融市场遭遇“黑色星期二”。 继亚太市场周二大跌后，欧洲交易时段，各大指数集体重挫，意大利富时M...
单日148基点！中间价升破6....
3月3日，人民币对美元中间价大幅调升148个基点，报6.9088，达到34个月以来升值高点，单日升值...
金价再涨，水贝商家眼见“买卖金...
每经记者｜赵景致 每经编辑｜文多 “我们金店现在都是工艺品金，没有工费。”随着国际金价不断攀升，记...
淮北市市场监管局公布2025年...
近日，淮北市96家“名特优新”个体工商户认定名单正式出炉。其中，“知名类”个体工商户48家、“特色类...
贵州茅台：截至2月底已累计回购...
贵州茅台再次披露回购股份实施进展。 3月3日晚间，贵州茅台酒股份有限公司（贵州茅台，600519.S...
类风湿关节炎总复发？可能是“发...
“我这类风湿怎么老是反反复复，药也吃了，怎么就控制不好呢?”这是患者最常问的问题之一。除了规范用药，...
安联投资考虑短期内押注美元
转自：财联社 【安联投资考虑短期内押注美元】财联社3月2日电，负责管理5800亿欧元（6790亿美元...
2026，AI 落地的分水岭之...
2026，AI 落地的分水岭之年 红熊AI 红熊AI 2026年3月2日 21:09 4人 2023...
上市后年度净利继续下滑，胜科纳...
2024年净利下滑的胜科纳米（688757），2025年净利继续承压。近期，胜科纳米披露2025年业...
Stellantis新CEO首...
IT之家 3 月 3 日消息，经营一家全球汽车巨头薪资显然不会低，Stellantis 老板安东尼奥...
天治基金：柴晓秀因个人原因离任...
北京商报讯（记者 刘宇阳）3月3日，天治基金发布公告表示，董事长柴晓秀因个人原因于3月3日离任。同日...
业绩三连增彰显硬核实力 惠科股...
在全球化浪潮下，中国制造业正从 “产品出口” 向 “技术、产能、品牌、服务全链条输出” 转变，而在半...
大国博弈底牌：超常规加码科技的...
未来几年，中国科技公司上市数量与融资规模有望持续刷新纪录，而其密集上市背后，是大国博弈下的深度战略布...
AI产业链股震荡调整，科创创业...
截至收盘，中证人工智能主题指数下跌4.1%，中证科创创业人工智能指数下跌5.1%，上证科创板人工智能...
中科院物理所靳常青研究员摘得国...
近日，国际超导材料领域传来重磅消息：中国科学院物理研究所靳常青研究员荣获2026年 Bernd T....
资金动向 | 北水抢筹腾讯超2...
3月3日，南下资金净买入港股60.81亿港元。 其中：净买入腾讯控股25.59亿、盈富基金23.43...
日均新增18万户！2月投资依旧...
2026年3月3日，上交所披露2月A股开户行情。 2026年2月A股市场新开账户数252.30万户，...
全国消费促进月暨京津冀消费季启...
非遗展示、新品亮相、互动体验……昨晚，2026年全国消费促进月暨京津冀消费季在天津古文化街启动。本次...
伊朗汇率崩了！攒了一辈子的钱变...
*此图由AI生成 作者| 史大郎&猫哥 来源| 是史大郎&大猫财经Pro 伊朗被袭击，最惨的还是老...
如今黄金价格变成了一个天大的笑...
作品声明：内容取材于网络 文 |墨中客 编辑 | 芋圆 2月27日，国际黄金报价又在高位盘旋，伦敦金...