当前位置:网站首页>用 setTimeout 来实现 setInterval
用 setTimeout 来实现 setInterval
2022-08-03 20:31:00 【船长在船上】
️ 作者:船长在船上
主页:来访地址船长在船上的博客
简介:高级前端开发工程师,专注前端开发,欢迎咨询交流,共同学习!感谢:如果觉得博主的文章不错或者对你的工作有帮助或者解决了你的问题,可以关注、支持一下博主,如果三连收藏支持就会更好,在这里博主不胜感激!!!如有疑问可以留言、评论,看到后会及时回复。
(1)用 setTimeout()方法来模拟 setInterval()与 setInterval()之间的什么区别?
首先来看 setInterval 的缺陷,使用 setInterval()创建的定时器确保了定时器代码规则地插
入队列中。这个问题在于:如果定时器代码在代码再次添加到队列之前还没完成执行,
结果就会导致定时器代码连续运行好几次。而之间没有间隔。不过幸运的是:javascript
引擎足够聪明,能够避免这个问题。当且仅当没有该定时器的如何代码实例时,才会将
定时器代码添加到队列中。这确保了定时器代码加入队列中最小的时间间隔为指定时间。
这种重复定时器的规则有两个问题:1.某些间隔会被跳过 2.多个定时器的代码执行时间
可能会比预期小。
下面举例子说明:
假设,某个 onclick 事件处理程序使用 setInterval()来设置了一个 200ms 的重复定时器。
function say(){
setTimeout(say,200);
};
setTimeout(say,200);
//或者
setTimeout(function(){
setTimeout(arguments.callee,200);
},200);
欢迎来访船长在船上的博客,如有疑问可以留言、评论,看到后会及时回复。
边栏推荐
猜你喜欢
Pytorch GPU 训练环境搭建
使用 ReportLab 绘制 PDF
后台图库上传功能
RNA核糖核酸修饰RNA-HiLyte FluorTM 405荧光染料|RNA-HiLyte FluorTM 405
华为设备配置VRRP与BFD联动实现快速切换
In-depth understanding of JVM-memory structure
149. The largest number on a straight line, and check the set
力扣206-反转链表——链表
Alexa染料标记RNA核糖核酸|RNA-Alexa 514|RNA-Alexa 488|RNA-Alexa 430
Power button 206 - reverse list - the list
随机推荐
云服务器如何安全使用本地的AD/LDAP?
Advantages and Disadvantages of Blind and Buried Via PCB Stacked Via Design
第三方验收测试报告有什么作用?如何获取权威软件测试报告?
RNA核糖核酸修饰Alexa 568/[email protected] 594/[email prote
华为设备配置VRRP负载分担
leetcode 072. Finding Square Roots
解决This application failed to start because no Qt platform plugin could be initialized的办法
Solidity智能合约开发 — 4.1-合约创建和函数修饰器
子结点的数量(2)
关于shell脚本的一些思考
Abs (), fabs () and LABS ()
华为设备配置VRRP与BFD联动实现快速切换
In-depth understanding of JVM-memory structure
ESP8266-Arduino编程实例-WS2812驱动
独立站卖家在哪些平台做社交媒体营销效果最好?
Why BI software can't handle correlation analysis
ARMuseum
leetcode 16.01. Swap numbers (swap the values of 2 numbers without using temporary variables)
在树莓派上搭建属于自己的网页(3)
YARN功能介绍、交互流程及调度策略