JavaScript for循环 延时

JavaScript中for循环 怎么加延时

for(var i=0;i<10;i++){
cosole.log(i);
//延时10ms
}

我想在for循环中 每隔10ms输出一个i 怎么写这个延时函数

使用async await

async function demo() {
  for (let i = 0; i < 10; i++) {
    await new Promise(resolve => setTimeout(resolve, 500))
    console.log(i)
  }
}

demo()

通过参考链接，作了一下修改：

修改如下：

参考链接：

如何使JavaScript休眠或等待 - 知乎 来源：公众号《前端全栈开发者》JavaScript不具有 sleep() 函数，该函数会导致代码在恢复执行之前等待指定的时间段。如果需要JavaScript等待，该怎么做呢？假设您想将三则消息记录到Javascript控制台，每条消息之… https://zhuanlan.zhihu.com/p/174042263

<script type="text/javascript">

    // https://zhuanlan.zhihu.com/p/174042263
    for (let i = 0; i < 10; i++) {
      // 每隔 10ms 输出 当前i的值
      setTimeout(() => console.log(i), 10 * i)
    }
    
</script>

【以下回答由 GPT 生成】

问题解答：

要在JavaScript的for循环中添加延时，可以使用setTimeout函数来实现。setTimeout函数用于在一定时间后执行一段代码。以下是具体的解决方案：

for(var i = 0; i < 10; i++){
    delayPrint(i);
}

function delayPrint(i) {
    setTimeout(function(){
        console.log(i);
    }, i * 10);
}

在这个解决方案中，我们将延时函数delayPrint抽离出来，用于延时输出i的值。在delayPrint函数中，我们使用了setTimeout函数来设置延时，第一个参数是要执行的代码，第二个参数是延时的时间（这里是i * 10，表示每隔10毫秒延时执行）。通过这种方式，就可以实现每隔一定时间输出一个i的值。

希望这个解决方案对你有帮助！