for循环中的setTimeout不会打印连续值
在JavaScript中，for循环中的setTimeout函数不会按预期打印连续值，因为setTimeout是异步的，它会在指定的时间后执行，但不会等待前一个setTimeout完成。这会导致所有的setTimeout函数同时执行，并且在循环结束后才会打印值。
为了解决这个问题，可以使用setTimeout的嵌套方式来实现连续打印值，或者使用async/await和Promise来实现。
以下是使用setTimeout嵌套的方式：
function printValues(i, n) {
if (i > n) {
return;
}
setTimeout(function() {
console.log(i);
printValues(i + 1, n);
}, 1000);
}
printValues(1, 5);以下是使用async/await和Promise的方式：
function delay(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function printValues(n) {
for (let i = 1; i <= n; i++) {
await delay(1000);
console.log(i);
}
}
printValues(5);这两种方式都可以实现在for循环中使用setTimeout按预期打印连续值。
相关·内容
，我知道setTimeout返回计时器的ID值。但当我运行这段代码时： setTimeout(function() { console.log('hello'); }, 100);}
也就是说，它只打印一次计时器ID，然后连续打印5个'hello‘实例。为什么setTimeout只打印<
浏览 0提问于2018-06-09得票数 0
回答已采纳
我有这个脚本： setTimeout(function() { alert(i) }, 100);但两次都会向3发出警报，而不是先是
浏览 2提问于2011-03-08得票数 302
回答已采纳
5回答
我有一个正在进行的时间循环。在while循环中，有一个setTimeout()。我想在计时器过期后重置计时器。换句话说，当计时器过期时，它应该执行一些指定的操作，然后再次重新启动定时器。例如，在下面的代码中，应该每5秒只打印一次%%--Hi--%%。然而，5秒后，%%--Hi--%%被连续打印。while(){
浏览 0提问于2015-04-20得票数 2
回答已采纳
1回答
function x(){ setTimeout(function (i){ }x();我一直在搜索如何在循环中使用setTimeout函数，但是关于这些内容的文档似乎有限，我想在for循环中创建一个setTimeo
浏览 2提问于2022-11-20得票数 1
如果我在一个方法的内部有这个时间循环。counter = 0; console.log( counter ); window.setTimeoutfunction() { }, 1000) }mounted() {}0
1
浏览 0提问于2018-11-15得票数 2
回答已采纳
为什么我得到的输出是10而不是20。为什么setTimeout不接受最新的值？var a=10; console.log(myvar);a=20; 如果我将setTimeout放在一个循环中，那么它会控制最新的值 for (var i = 0; i < 3; i++) {
setTimeout(functi
浏览 64提问于2021-08-18得票数 0
刚开始学习如何编程，需要一些关于循环的基本帮助(从在线材料中学习，试着做练习)。
在下面的代码中，我试图打印出一行10的值，然后在值的数量超过10之后生成一个新的表行。然而，我在循环中遇到了麻烦，它只是连续打印相同的值，而不是转到下一个值。
浏览 0提问于2015-12-04得票数 0
我有这个for循环，在这里我创建了一堆用作“表情雨”的图像。'; }(function(i) {
img.addCla
浏览 5提问于2017-07-13得票数 0
回答已采纳
3回答
我知道我可能只是在做一些愚蠢的错误，但我需要从用户那里获取一个数字，创建一个2的倍数的无限循环(通过使我的while语句为真)。我得到了将用户的数字乘以自身的数学方法，但我不能让它循环。这是我这周的最后一部分家庭作业，我的脑子被烧焦了，所以我找不出哪里出错了！
任何帮助都是令人惊叹的！
浏览 1提问于2011-07-23得票数 3
回答已采纳
我希望在循环中连续地打印变量的当前值。一旦我按下逃逸键就必须终止循环。这里的问题是，执行在getchar函数处停止。但是我希望它继续，并打印变量的值，直到我点击“转义”按钮。
浏览 2提问于2014-02-20得票数 5
回答已采纳
我不能计算出下面两个循环的输出。我注意到的唯一区别是前者使用var并分配全局作用域，后者使用const创建局部作用域。setTimeout(() => console.log(i), 1);输出为3 3 3和0 1 2。根据我的浅显知识，第一个循环必须输出0 1 2。
如果我在第一个循环中打印i的值。(i)在控制台中打印的输出是0 1 2。而在setTimeout vary中包装
浏览 0提问于2020-11-18得票数 0
可能重复：
setTimeout(function () { }, Math.floor(Math.random(请不要燃烧，我以为我已经理解了setTimeout()的故事，但显然不是。
浏览 10提问于2012-04-20得票数 17
回答已采纳
1回答
只在longLoop函数中的循环完成后才打印出来。setTimeout(() => console.log('Hey, timeout executed!')let longLoop = async () => {
for (i = 0; i <
浏览 4提问于2022-05-13得票数 2
有人能告诉我我的代码出了什么问题吗，尤其是“全屏事件”部分。谢谢! }
google.maps.event.addDomListener(window, 'load', initialize);
JSLint说：“在引用外部作用域变量的循环中声明的函数可能会导致混乱的语义
浏览 2提问于2017-09-04得票数 19
回答已采纳
假设在for循环中有一个简单的print语句，如 setTimeout(() => console.log(i));有两个问题。** i setTimeout是一种浏览器API方法，但是它是如何在for循环中声明 i 的，而我在方法 setTimeout 中访问i，即使i没有通过，如何呢？<code>e 225</code>
为什么打印
浏览 0提问于2018-09-01得票数 0
1回答
C堆栈实现
、、、
堆栈遵循数组实现，其中数组是void *的数组。下面的行为令我困惑，有人能提供一些洞察力吗？i的地址，&i，总是一样的，因此，我通过弹出它得到的值应该是相同的，但是它不是，另外，数字是相反的。
浏览 2提问于2014-02-16得票数 0
回答已采纳
4回答
我正在尝试使用setTimeout()来实现这一目标。这个异步函数发生在一个多次运行的循环中，异步函数每次传递不同的数据，因此不能在这里使用setInterval()。问题:异步函数立即被触发，不会延迟(控制台会立即打印5条Done消息，并不延迟地循环)。发生了什么，我该怎么解决呢？someFunction(listings, function() { var listing = listings[i];
浏览 5提问于2011-11-26得票数 8
回答已采纳
因此，我知道setTimeout()函数可以触发经过一段时间后传入的函数，但在循环中的行为似乎有所不同。例如： setTimeout(console.log(i + ', time is: ' + new Date()), 1000);
}console.log()似乎同时打印出这些数字。你们中的一些人能解释一下为什么setTimeout()在这个循环中<
浏览 8提问于2014-12-12得票数 0
回答已采纳
1回答
file.length){ callback(fileNames);} });问题：multipleUploadToS3文件上传是异步的，因此，例如，如果file1上传的是honest.jpg，那么我希望在将文件上传到S3之后返回文件名。因此，inputObj.logo应该包含logo.png，而不是由于异步调用而发生的横幅映像。
这对于单个文件是有效的，但对于多个文件则失败。
浏览 3提问于2018-08-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
