foreach 循环每次迭代之间的延迟？

所以我正在制作西蒙说的游戏。该功能显示当前序列。现在的问题是它并没有真正按照一个好的顺序进行，它几乎同时完成了所有事情。假设颜色是“蓝色”、“红色”和“黄色”，它们都会同时熄灭而不是按顺序熄灭。我该如何解决这个问题？

var displaySequence = function(){
    compSequence.forEach(function(color){
        $("#" + color).fadeTo(300, 0.5).fadeTo(300, 1.0);
    })
}

一个非 jQuery 的解决方案。您将需要使用数组索引来给出每次调用之间等待的错觉，但每个函数已经运行。将会发生的情况是：1秒内显示颜色1，2秒内显示颜色2......

var displaySequence = function(){
    compSequence.forEach(function(color, index){
        setTimeout(function(){
            $("#" + color).fadeTo(300, 0.5).fadeTo(300, 1.0);
        },
        1000 * index);
    })
}

调整 1000 * 索引以更改延迟。