Loop Div's Jquery

Loop Div's Jquery

本文关键字：Jquery Div Loop      更新时间：2023-09-26

我一直在尝试让一个循环工作，其中一个淡出另一个淡出。

我的代码到目前为止

setInterval(function() {
    jQuery(".loop").each(function(index, k) {
        jQuery(this).delay(1200 * index).fadeIn(600, function(){
            jQuery(this).fadeOut(600);
        });
    });
}, 1200);

示例:http://www.timoleon.co.uk/new/

似乎有时它会工作，有时它会显示两个。loopdiv ?什么好主意吗?

由于您每隔1200毫秒调用该函数，一旦第一个元素完成淡出，则再次调用该函数，并且在最后一个函数仍在运行时再次开始淡出，这意味着第二个元素正在淡出。因此，两个元素都在淡出，两个元素都在显示。

尝试将其更改为setTimeout(function() { [...] }, 2400)。这样，第二个元素会在第一个元素再次淡入之前淡入和淡出。

setInterval(function() {
    jQuery(".loop").each(function(index, k) {
        jQuery(this).delay(1200 * index).fadeIn(600, function(){
            jQuery(this).fadeOut(600);
        });
    });
}, 2400);
相关文章：