非常简单的单行解决方案，具有实际的异步等待延迟(没有排队setTimeout):

下面的(自动执行匿名)函数在循环之间创建一个实际的延迟，而不是具有不同超时的多个settimeout，这可能会弄乱内存。

在100个循环中的每一个循环中，它都等待一个新的承诺来解决。 这只发生在setTimeout '允许'它在90ms后。在此之前，代码将被async-await / pending Promise阻塞。

(async () => { For(令i=0;我< 100;我+ +){ 等待新的承诺((resolve) => {setTimeout(() =>{文档。我写(“${}”);解决(true)}, 90)}); ｝ })()

另一种方法是将超时时间相乘，但请注意，这与睡眠不同。循环之后的代码将立即执行，只有回调函数的执行被延迟。

for (var start = 1; start < 10; start++)
    setTimeout(function () { alert('hello');  }, 3000 * start);

第一个超时设置为3000 * 1，第二个超时设置为3000 * 2，依此类推。

您可以创建一个承诺setTimeout的睡眠函数。这使您可以使用async/await来编写代码，而无需回调和熟悉的for循环控制流。

const sleep = ms => new Promise(resolve => setTimeout(resolve, ms)); (async () => { 对于(设I = 0;I < 10;我+ +){ console.log(我); 等待睡眠(1000); ｝ console.log(“完成”); }) ();

在Node中，你可以使用计时器/承诺来避免承诺步骤(如果旧版本的Node不支持该功能，上面的代码也可以工作):

const {setTimeout: sleep} = require("timers/promises");

// same code as above

无论如何，由于JS是单线程的，超时是异步的是一件好事。如果不这样做，浏览器就没有机会重新绘制UI，从而导致用户的界面冻结。

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

你也可以通过使用一个自调用函数，将迭代次数作为参数传递给它:

(函数myLoop(i) { setTimeout(函数(){ console.log('你好');//你的代码 if(——i) myLoop(i);//减少i，如果i > 0再次调用myLoop }, 3000) }) (10);//传递迭代次数作为参数

我认为你需要这样的东西:

var TimedQueue = function(defaultDelay){
    this.queue = [];
    this.index = 0;
    this.defaultDelay = defaultDelay || 3000;
};

TimedQueue.prototype = {
    add: function(fn, delay){
        this.queue.push({
            fn: fn,
            delay: delay
        });
    },
    run: function(index){
        (index || index === 0) && (this.index = index);
        this.next();
    },
    next: function(){
        var self = this
        , i = this.index++
        , at = this.queue[i]
        , next = this.queue[this.index]
        if(!at) return;
        at.fn();
        next && setTimeout(function(){
            self.next();
        }, next.delay||this.defaultDelay);
    },
    reset: function(){
        this.index = 0;
    }
}

测试代码:

var now = +new Date();

var x = new TimedQueue(2000);

x.add(function(){
    console.log('hey');
    console.log(+new Date() - now);
});
x.add(function(){
    console.log('ho');
    console.log(+new Date() - now);
}, 3000);
x.add(function(){
    console.log('bye');
    console.log(+new Date() - now);
});

x.run();

注意:使用警报暂停javascript执行，直到你关闭警报。 它的代码可能比您要求的要多，但这是一个健壮的可重用解决方案。

除了10年前接受的答案之外，使用更现代的Javascript，可以使用async/await/Promise()或生成器函数来实现正确的行为。(其他答案中建议的错误行为是设置一系列3秒警报，而不管“接受”警报()-或完成手头的任务)

使用异步/等待/承诺(): alert('嗨'); (async () => { For (let start = 1;起始值< 10;开始+ +){ 等待新的承诺(resolve => setTimeout(() => { alert('你好'); 解决(); }, 3000)); ｝ }) ();

使用生成器函数:

警报（“嗨”）; 让函子; （func = （function*（） { for（let start = 1， start < 10， start++） { yield setTimeout（（） => { 警报（“你好”）; func.next（）; }, 3000); } }）（））.next（）;