setInterval，setTimeout

最新推荐文章于 2025-04-18 19:30:55 发布

sunlizhen

最新推荐文章于 2025-04-18 19:30:55 发布

阅读量249

点赞数

CC 4.0 BY-SA版权

分类专栏： JS类文章标签： setInterval setTimeout

本文链接：https://blog.youkuaiyun.com/sunlizhen/article/details/73382579

JS类专栏收录该内容

202 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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的定时循环；