javascript - 需要循环两次，在内循环中使用延迟迭代

Question

我想做的是建立一种方法来循环两个for循环，但是内部循环需要在每次迭代时有一个延迟，但它不能是一个排队的动画.

我希望它的工作方式是，在开始时它会每隔一段时间触发每个元素，而不是等待它们的动画完成。然后它转到下一行项目(第一个循环迭代)并在所有项目在上一行中淡出之前开始该行。

    var colLeng = Layout.columns,
        elemLeng,
        columnElements;

    // get number of columns
    for (var i = 0; i < colLeng; i++) {
        columnElements = $('.prvwImg[data-col="' + i + '"]');
        elemLeng = columnElements.length;

        for (var t = 0; t < elemLeng; t++) {
            columnElements.eq(t).delay(500 * t).fadeOut(400);
            //columnElements.eq(t).delay(500 * t).stop().fadeOut(400);
        }
    }

编辑:使用此代码可以很好地循环，但延迟实际上不起作用，因此它们会同时淡出。

Answer 1

根据每一列添加另一个延迟。

columnElements.delay(500 * i)

这将导致每个列元素的总延迟为 500*i + 500*t