当前位置:网站首页>用 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);
欢迎来访船长在船上的博客,如有疑问可以留言、评论,看到后会及时回复。
边栏推荐
- 数学之美 第六章——信息的度量和作用
- leetcode 448. Find All Numbers Disappeared in an Array 找到所有数组中消失的数字(简单)
- YARN功能介绍、交互流程及调度策略
- (十六)51单片机——红外遥控
- leetcode 1837. The sum of the digits in the K-base representation
- ESP8266-Arduino编程实例-WS2812驱动
- MapReduce介绍及执行过程
- leetcode 231. Powers of 2
- 第三方验收测试报告有什么作用?如何获取权威软件测试报告?
- RNA核糖核酸修饰荧光染料|HiLyte Fluor 488/555/594/647/680/750标记RNA核糖核酸
猜你喜欢
独立站卖家在哪些平台做社交媒体营销效果最好?
Anaconda 虚拟环境迁移
信使mRNA甲基化偶联3-甲基胞嘧啶(m3C)|mRNA-m3C
汉源高科8光口12电口交换机千兆8光8电12电16电网管型工业以太网交换机
[email protected] 594/[email prote"/>
RNA核糖核酸修饰Alexa 568/[email protected] 594/[email prote
调用EasyCVR接口时视频流请求出现404,并报错SSL Error,是什么原因?
面试官:为什么 0.1 + 0.2 == 0.300000004?
In-depth understanding of JVM-memory structure
高并发,你真的理解透彻了吗?
Anaconda virtual environment migration
随机推荐
第三方验收测试报告有什么作用?如何获取权威软件测试报告?
leetcode 231. 2 的幂
Use ControlTemplate or Style from resource file in WPF .cs and find the control
8.2模拟赛总结
149. The largest number on a straight line, and check the set
信使mRNA甲基化偶联3-甲基胞嘧啶(m3C)|mRNA-m3C
xss.haozi练习通关详解
Detailed explanation of JWT
ES6-箭头函数
tkwebview2创作心得
Pytorch GPU 训练环境搭建
简单又有效的基本折线图制作方法
嵌入式分享合集27
Anaconda virtual environment migration
abs()、fabs() 和 labs() 的区别
子树的大小
PHP according to the longitude and latitude calculated distance two points
Abs (), fabs () and LABS ()
Matlab paper illustration drawing template No. 42 - bubble matrix diagram (correlation coefficient matrix diagram)
倒计时2天,“文化数字化战略新型基础设施暨文化艺术链生态建设发布会”启幕在即