jQuery连续fadein淡出循环

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);