[{"data":1,"prerenderedAt":90},["ShallowReactive",2],{"blog-\u002Fblog\u002Fjavascript_settimeout_delay":3},{"id":4,"title":5,"body":6,"category":78,"cover":79,"csdn":79,"date":80,"description":5,"draft":81,"extension":82,"meta":83,"navigation":84,"path":85,"seo":86,"stem":87,"tags":88,"updated":79,"__hash__":89},"blog\u002Fblog\u002Fjavascript_settimeout_delay.md","JavaScript setTimeout delay",{"type":7,"value":8,"toc":76},"minimark",[9,13,16,58,66,69,72],[10,11,12],"p",{},"很奇怪，下面的这段代码打印时间间隔是固定的 1s ；",[10,14,15],{},"现在我还不能理解，也许是宏任务，微任务的原因；",[17,18,23],"pre",{"className":19,"code":20,"language":21,"meta":22,"style":22},"language-js shiki shiki-themes github-light","for (let i = 0; i \u003C= 5; i++) {\n  setTimeout(() => {\n    console.log(i, new Date());\n  }, i * 1000);\n}\n","js","",[24,25,26,34,40,46,52],"code",{"__ignoreMap":22},[27,28,31],"span",{"class":29,"line":30},"line",1,[27,32,33],{},"for (let i = 0; i \u003C= 5; i++) {\n",[27,35,37],{"class":29,"line":36},2,[27,38,39],{},"  setTimeout(() => {\n",[27,41,43],{"class":29,"line":42},3,[27,44,45],{},"    console.log(i, new Date());\n",[27,47,49],{"class":29,"line":48},4,[27,50,51],{},"  }, i * 1000);\n",[27,53,55],{"class":29,"line":54},5,[27,56,57],{},"}\n",[10,59,60,61],{},"chrome console :\n",[62,63],"img",{"alt":64,"src":65},"在这里插入图片描述","https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F3cefd45dfee4acedfb867a9e9a7af308.png",[10,67,68],{},"2021-05-02",[10,70,71],{},"明白了一些，这里的定时器时间间隔，总是相对 '0' 时刻计时的。\n在'0'时刻就创建了5个定时器。\n所以总是间隔 1s 打印",[73,74,75],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":22,"searchDepth":36,"depth":36,"links":77},[],"JavaScript",null,"2021-04-24",false,"md",{},true,"\u002Fblog\u002Fjavascript_settimeout_delay",{"title":5,"description":5},"blog\u002Fjavascript_settimeout_delay",[78],"YsLYUGGEhlAOWHhkRdKE7SaeW8IU7wjdf25Kxn3Je1s",1787193730686]