javascript - 如何在 jQuery 上重复或循环这个队列？

Question

这是褪色幻灯片的代码。有没有办法重复或循环这个队列？重新开始此顶部代码 $("#page2_image").hide();

这是 jQuery 中的代码:

$(document).ready(function(){
   $("#page2_image").hide();
   $("#page3_image").hide();
   $("#page1_image").fadeOut(10000);
   $("#page2_image").fadeIn(10000).fadeOut(10000);
   $("#page3_image").delay(10000).fadeIn(10000);
});

感谢您的帮助!

Answer 1

可以使用fadeIn()的回调

$(document).ready(function(){
   function loop(){
   $("#page2_image").hide();
   $("#page3_image").hide();
   $("#page1_image").fadeOut(10000);
   $("#page2_image").fadeIn(10000).fadeOut(10000);
   $("#page3_image").delay(10000).fadeIn(10000,loop); // call loop here...
  }
  loop();
});

您也可以尝试类似的方法here