jquery - jQuery 连续淡入淡出循环

Question

我有这段代码，现在它只运行一次。一旦为用户加载了dom，我需要它继续运行。不知道该怎么做...谢谢。

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

Answer 1

您可以使用 JavaScriptsetInterval函数并执行以下操作：

setInterval(delayFunction, 8000);

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

Answer 2

我假设您也希望元素淡出。如果 dnot 则只深入一层，然后再次调用该函数。

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