var i = 0; $(function(){ showImg(); window.setInterval("showImg()",1000); }); function showImg(){ $("li:eq("+i+")").fadeIn("slow"); //别的消失 $("li:eq("+i+")").siblings("li").fadeOut("slow"); if(i == 4){ i = 0; }else{ i++; } }改成show方法写

可以将轮播图的逻辑封装到一个 `show()` 方法中，然后在页面加载完成后调用该方法，使用 `setInterval()` 方法定时执行轮播操作。以下是一个示例代码：

<ul class="carousel-container">
  <li><img src="image1.jpg"></li>
  <li><img src="image2.jpg"></li>
  <li><img src="image3.jpg"></li>
  <li><img src="image4.jpg"></li>
  <li><img src="image5.jpg"></li>
</ul>

.carousel-container {
  position: relative;
  width: 500px;
  height: 300px;
  overflow: hidden;
}

.carousel-container li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

function show() {
  var i = 0;
  var images = $('.carousel-container li');
  setInterval(function() {
    images.eq(i).fadeIn('slow');
    images.eq(i).siblings('li').fadeOut('slow');
    i = (i + 1) % images.length;
  }, 1000);
}

$(document).ready(function() {
  show();
});

在上面的代码中，定义了一个 `show()` 方法，其中包含轮播图的逻辑。在页面加载完成后，使用 `$()` 函数选取轮播图容器中的所有图片，然后调用 `setInterval()` 方法定时执行轮播操作，该方法会在每个 1 秒钟切换一张图片，使用 `fadeIn()` 方法来显示当前图片，使用 `fadeOut()` 方法将其它图片隐藏。最后，在页面加载完成后调用 `show()` 方法即可开始轮播。