【javascript】setInterval定时器的问题

最新推荐文章于 2022-04-18 16:49:23 发布

子祥

最新推荐文章于 2022-04-18 16:49:23 发布

阅读量871

点赞数

分类专栏： javascript基础文章标签： javascript setTimeout 定时器

本文链接：https://blog.csdn.net/lizixiang1993/article/details/51171147

版权

本文探讨了JavaScript中的setInterval和setTimeout在处理循环任务时的差异。当任务运行时间超过其设定的循环时间时，setInterval可能导致连续触发。相比之下，setTimeout能更好地控制任务执行间隔，但可能更消耗资源。在实际应用中，应根据需求选择合适的定时器。

摘要由CSDN通过智能技术生成

setInterval定时器的问题

一般js进行循环任务的时候才用两种方式 setTimeout 和 setInterval ,两种方式上理论上是可以进行切换的。但遇到某些地方会出现两种情况。

运行时间超过任务循环时间的情况

运行时间超过任务循环时间

当规定一个任务每隔1s触发，但是运行任务占用了2s，由于js是单线程的语言，因此下一个任务会在当前运行了1s就进入任务等待队列。
运行任务结束后已有两个任务准备立即运行。如果两个任务的运行时间非常短的话，会造成连续触发。

下面是模拟任务时间不同且有部分运行时间超过定时时间的例子

var i =  0 , j = 0,
    lastEndTime = 0,
    _timeid = setInterval(function(){
   
            var startTime = new Date();
            if(lastEndTime > 0){
                console.log('-----------period : ' + (startTime - lastEndTime));
            }

            if(i++ == 10){
                clearInterval(_timeid);
            }