需要循环两个循环，并在内部循环中使用延迟迭代

Need to loop through two loops and use delayed iterations in the inner loop

本文关键字：循环 在内部 延迟 迭代 两个      更新时间：2023-09-26

我想做的是建立一种通过两个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);
        }
    }

编辑:有了这段代码，它循环通过良好，但延迟实际上并不工作，所以他们在同一时间淡出。

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

columnElements.delay(500 * i)

这将导致500*i + 500*t

的每个列元素的总延迟
相关文章：