jQuery连续淡入淡出循环

Question

我有这段代码，现在它只运行一次..我需要它连续运行一旦dom为用户加载。不知道如何去做这个......谢谢。

$('.first').delay(8000).fadeOut('slow', function() { 
       $('.second').fadeIn(); 
      }) 

Answer 1

你可以使用JavaScript setInterval功能做：

setInterval(delayFunction, 8000); 

function delayFunction() { 
    $('.first').fadeOut('slow', function() { 
     $('.second').fadeIn(); 
    }) 
} 

Answer 2

我假设你想要的元素淡出为好。如果没有，那么只能深入一层，然后再次调用该函数。

$(document).ready(fadeIn); 

function fadeRepeat() 
{ 
    $('.first').delay(8000).fadeOut('slow', function() { 
      $('.second').fadeIn(function() { 
       $('.first').fadeIn('slow', function() { 
        $('.second').fadeOut(fadeRepeat()); 
       } 
      }); 
    }); 
} 

Answer 3

试试这个：

window.setInterval(function(){ 
    $('.first').fadeOut('slow', function() { 
    $('.second').fadeIn() 
}); 
}, 8000);