Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery连续淡入淡出循环_Jquery - Fatal编程技术网

jQuery连续淡入淡出循环

jQuery连续淡入淡出循环,jquery,Jquery,我有这段代码,现在它只运行一次。。我需要它在为用户加载dom后继续运行。不知道该怎么办。。。谢谢 $('.first').delay(8000).fadeOut('slow', function() { $('.second').fadeIn(); }) 您可以使用JavaScript setInterval函数并执行以下操作: setInterval(delayFunction, 8000); function delayFuncti

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

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

您可以使用JavaScript setInterval函数并执行以下操作:

setInterval(delayFunction, 8000);

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

我想你也希望这些元素消失。如果没有,则只进行一级深度,然后再次调用该函数

$(document).ready(fadeIn);

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

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

这是可行的,但它是一个大故障,第二张图片仍然出现了一秒钟,然后消失了不知道为什么没有看到它的行动。你能发布你的html代码片段吗?我可以私下给你发链接,我不能在这里发布。