Javascript 下一个图像超时后如何更改 .表演{ 显示：块； } 李{ 显示：无； } jQuery（文档）.ready（函数（）{ setInterval（函数（）{ jQuery（'.Show'）.removeClass（'Show'）.next（）.addClass（'Show'）； }, 1000); });

嗨，我希望图像被循环一旦所有的图像都结束了，它应该重新开始 谢谢

---

jsidle

对于重复动作，您可以使用：

jQuery(document).ready(function () {
    var my_interval = setInterval( function () {
        var current = $(".Show");
        current.removeClass("Show");
        console.log(current.next());

        if ( current.next().length == 0 ) {
            clearInterval(my_interval);
        }

        current.next().addClass("Show");
    },3000 );
 });

如果要在最后一个图像显示后显示第一个图像，请尝试以下代码：

jQuery(document).ready(function () {
     setInterval(function() {   
       jQuery('.Show').removeClass('Show').next().addClass('Show');
     }, 3000);
});

---

如果要在到达终点时从第一个图像重新启动滑块效果，应尝试以下操作：

jQuery(document).ready(function () {

   setInterval(function() {
      if(jQuery('.Show').next().length==0)
       {
           jQuery('.Show').removeClass('Show');
           $('li:first').addClass('Show');
       }
      else
      {
        jQuery('.Show').removeClass('Show').next().addClass('Show');
      }
   }, 3000);
});

jQuery(document).ready(function () {

   setInterval(function() {
      if(jQuery('.Show').next().length==0)
       {
           jQuery('.Show').removeClass('Show');
           $('li:first').addClass('Show');
       }
      else
      {
        jQuery('.Show').removeClass('Show').next().addClass('Show');
      }
   }, 3000);
});

$(document).ready(function () {
     setInterval(toggleNext, 3000);
 });

function toggleNext(){
    var current = $('li.Show');
    current.removeClass('Show');
    var next = current.next();
    if(!next.is('li')) 
        next = $('.cont ul li').first();
    next.addClass('Show');
}