html三张图片自动轮回播放,JS -- 记一种用原生JS 完成轮播图的要领（非无穷轮回不自动切换）...

好的，我可以回答您的问题。下面是用原生JS实现三张图片自动轮播的代码：

HTML部分：

<div class="slideshow-container">
  <img class="mySlides" src="image1.jpg">
  <img class="mySlides" src="image2.jpg">
  <img class="mySlides" src="image3.jpg">
</div>

CSS部分：

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.mySlides {
  display: none;
  width: 100%;
  height: auto;
}

JS部分：

var slideIndex = 0;
showSlides();

function showSlides() {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  slideIndex++;
  if (slideIndex > slides.length) {
    slideIndex = 1;
  }
  slides[slideIndex - 1].style.display = "block";
  setTimeout(showSlides, 2000); // 每隔2秒自动切换
}

以上代码实现的效果是每隔2秒自动切换三张图片，轮回播放。您可以根据需要调整切换时间和图片数量。