淡入/淡出循环在第一个循环后加速

问题描述

所以，我有 4 个不同的元素数组，我想将它们放置在一个无限的淡入/淡出循环中（这样我首先看到第一个数组的元素，然后它们淡出和第二个数组淡入等等......）。 但是，在第一个周期之后，它们会同时开始显示所有内容，而且速度要快得多。

这是我的代码

fadeGroups = function (group1,group2,group3,group4) {
  group1.forEach((gr1,i) => {
    gr1.removeClass('d-none').fadeIn('linear').delay(5000).fadeOut('linear',function () {
        if (!gr1.hasClass('d-none')) {
            gr1.addClass('d-none');
        }
        group2.forEach((gr2,j) => {
            gr2.removeClass('d-none').fadeIn('linear').delay(5000).fadeOut('linear',function () {
                if (!gr2.hasClass('d-none')) {
                    gr2.addClass('d-none');
                }
                if (group3 !== undefined) {
                    group3.forEach((gr3,k) => {
                        gr3.removeClass('d-none').fadeIn('linear').delay(5000).fadeOut('linear',function () {
                            if (!gr3.hasClass('d-none')) {
                                gr3.addClass('d-none');
                            }
                            if (group4 !== undefined) {
                                group4.forEach((gr4,l) => {
                                    gr4.removeClass('d-none').fadeIn('linear').delay(5000).fadeOut('linear',function () {
                                        if (!gr4.hasClass('d-none')) {
                                            gr4.addClass('d-none');
                                        }
                                        fadeGroups (group1,group4);
                                    })
                                });
                            } else {
                              fadeGroups (group1,group4);
                            }
                        })
                    });
                } else {
                  fadeGroups (group1,group4);
                }
            })
        });
    })
});

}

感谢任何帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）