我想在while循环中添加延迟/睡眠：
我是这样试的：
alert('hi');
for(var start = 1; start < 10; start++) {
setTimeout(function () {
alert('hello');
}, 3000);
}
只有第一种情况是正确的：显示后alert('hi')，它会等待 3 秒然后alert('hello')会显示，然后alert('hello')会不断重复。
我想要的是 afteralert('hello')显示 3 秒后alert('hi')，第二次需要等待 3 秒alert('hello')，依此类推。
该setTimeout()函数是非阻塞的，将立即返回。因此，您的循环将非常快速地迭代，并且会快速连续地启动 3 秒超时触发。这就是为什么您的第一个警报会在 3 秒后弹出，而其余所有警报会毫无延迟地连续出现。
你可能想使用这样的东西：
var i = 1; // set your counter to 1
function myLoop() { // create a loop function
setTimeout(function() { // call a 3s setTimeout when the loop is called
console.log('hello'); // your code here
i++; // increment the counter
if (i < 10) { // if the counter < 10, call the loop function
myLoop(); // .. again which will trigger another
} // .. setTimeout()
}, 3000)
}
myLoop(); // start the loop您还可以通过使用自调用函数将迭代次数作为参数传递来整理它：
(function myLoop(i) {
setTimeout(function() {
console.log('hello'); // your code here
if (--i) myLoop(i); // decrement i and call myLoop again if i > 0
}, 3000)
})(10); // pass the number of iterations as an argument由于 ES7 有一个更好的方法来等待循环：
// Returns a Promise that resolves after "ms" Milliseconds
const timer = ms => new Promise(res => setTimeout(res, ms))
async function load () { // We need to wrap the loop into an async function for this to work
for (var i = 0; i < 3; i++) {
console.log(i);
await timer(3000); // then the created Promise can be awaited
}
}
load();
当引擎到达await零件时，它会设置超时并停止执行async function. 然后当超时完成时，执行在该点继续。这非常有用，因为您可以延迟 (1) 嵌套循环，(2) 有条件地，(3) 嵌套函数：
async function task(i) { // 3
await timer(1000);
console.log(`Task ${i} done!`);
}
async function main() {
for(let i = 0; i < 100; i+= 10) {
for(let j = 0; j < 10; j++) { // 1
if(j % 2) { // 2
await task(i + j);
}
}
}
}
main();
function timer(ms) { return new Promise(res => setTimeout(res, ms)); }虽然NodeJS和现代浏览器现在支持 ES7，但您可能希望使用BabelJS 对其进行转译，以便它可以在任何地方运行。
如果使用 ES6，您可以使用 for 循环来实现此目的：
for (let i = 1; i < 10; i++) {
setTimeout(function timer() {
console.log("hello world");
}, i * 3000);
}它i为每次迭代声明，这意味着超时是它在 + 1000 之前的状态。这样，传递给setTimeout的正是我们想要的。
尝试这样的事情：
var i = 0, howManyTimes = 10;
function f() {
console.log("hi");
i++;
if (i < howManyTimes) {
setTimeout(f, 3000);
}
}
f();另一种方法是乘以超时时间，但请注意，这与 sleep 不同。循环后的代码会立即执行，只有回调函数的执行才会被推迟。
for (var start = 1; start < 10; start++)
setTimeout(function () { alert('hello'); }, 3000 * start);
第一个超时将设置为3000 * 1，第二个为3000 * 2，依此类推。