setInterval，setTimeout

最新推荐文章于 2021-03-15 11:06:17 发布

原创最新推荐文章于 2021-03-15 11:06:17 发布 · 266 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#setInterval #setTimeout

JS类专栏收录该内容

202 篇文章

订阅专栏

本文详细解释了JavaScript中setTimeout和setInterval函数的区别。setTimeout用于单次延迟执行，而setInterval则用于周期性执行任务。此外，还介绍了这两个函数在循环中的使用情况及注意事项。

setTimeout()属于单次循环；setInterval()属于每隔一定时间重复循环；

var num = 0;
setInterval(function(){
    console.log(num++);
},1000);//每隔1000会出现0 1 2 3 4 5 .....；

var num = 0;
setTimeout(function () {
    console.log(num++);
}, 1000);//得到的结果是0；因为它只执行一次；

引申：
for(var i = 0;i<10;i++){
    setInterval(function(){
        console.log(i);
    },1000)
}// 10 10 10....一直重复10；setInterval是异步for循环后setInterval才执行；所以里边的i是10；


setInterval(function(){
    for(var i = 0;i<10;i++){
        console.log(i);
    }
},1000) //0-9  0-9 ......一直循环0-9这几个数；
因为setInterval是异步，所以for循环一遍才执行一次setInterval的定时循环；