Javascript 所有幻灯片完成后，如何停止循环？ var slideIndex=1； showDivs（slideIndex）； 函数plusDivs（n）{ showDivs（slideIndex+=n）； } 函数showDivs（n）{ var i； var x=document.getElementsByClassName（“mySlides”）； 如果（n>x.length）{slideIndex=1} 如果（n

我写了这个脚本是为了改变跳水动作，但这是一个如何在所有跳水动作结束后停止循环的循环

---

老实说，我不知道你写了什么。但我是一个javascript开发新手，所以这可能是我的错。如果我尝试在我的浏览器中运行你的代码，它甚至不会工作

尝试使用解释性变量名，因此使用“slide”代替“x”。这将使以后更改代码更加容易。尤其是当它变得越来越大的时候

为了好玩，我试着用我现在掌握的知识重现你的想法。我希望你能从中学到：

<div class="mySlides">
</div>
<div class="mySlides">
</div>
<div class="mySlides">
</div>
<script>
var slideIndex = 1;
showDivs(slideIndex);

function plusDivs(n) {
  showDivs(slideIndex += n);
}

function showDivs(n) {
  var i;
  var x = document.getElementsByClassName("mySlides");
  if (n > x.length) {slideIndex = 1}    
  if (n < 1) {slideIndex = x.length}
  for (i = 0; i < x.length; i++) {
     x[i].style.display = "none";  
  }
  x[slideIndex-1].style.display = "block";  
}
</script>

测试1
测试2
测试3
const slides=document.querySelectorAll（“.mySlides”）；
常量amountOfSlides=slides.length；
设nextSlide=1；
const slideShow=setInterval（函数（）{
if（nextSlide！==amountOfSlides）{
幻灯片[nextSlide-1].style.display=“无”；
幻灯片[nextSlide].style.display=“block”；
下滑道++
}否则{
console.log（“达到的幻灯片数量”）；
clearInterval（幻灯片放映）；
//如果要重复幻灯片放映
//您只需重置设置：
//幻灯片[nextSlide-1].style.display=“无”；
//幻灯片[0]。style.display=“block”；
//nextSlide=1；
}
},3000);

---

我希望它能进一步帮助你

数一数滑梯的数量，当滑梯达到该数量时停止滑梯“一旦所有跳水结束”是什么意思？如果它们“结束”，则通过从函数返回或通过一些简单的If语句停止循环（顺便说一句，还有其他选项）。这个问题不清楚。JavaScript中的列表是基于0的，因此您可能希望将

slideIndex

初始化为0，而不是1…感谢您的重播..我使用onclick=“plusDivs（-1）”调用该脚本，因此div正在重复我正在尝试停止重复divs@sudharshannair我使用onclick调用该脚本=“plusDivs（-1）“所以div在重复，我正在尝试停止重复divs@melvin idemaTo要理解脚本，你应该具备Javascript的基本知识，如果我错了，请纠正我，这些知识还不是你的。这个脚本取自W3org，在我看来对初学者来说非常混乱。从javascript教程开始，真正理解基础知识。一、 遗憾的是，我无法帮助您完成此脚本。我不知道你的意思，也不知道它为什么会循环。这个脚本非常混乱，至少对我这个刚起步的开发人员来说是如此。

<div class="mySlides" style="display: bloc;">
  test1
</div>
<div class="mySlides" style="display: none;">
  test2
</div>
<div class="mySlides" style="display: none">
  test3
</div>

<script>
const slides = document.querySelectorAll(".mySlides");
const amountOfSlides = slides.length;
let nextSlide = 1;

const slideShow = setInterval(function(){
    if(nextSlide !== amountOfSlides){
      slides[nextSlide - 1].style.display = "none";
      slides[nextSlide].style.display = "block";
      nextSlide++
    }else{
      console.log("Amount of slides reached");
      clearInterval(slideShow);

      // If you want to repeat the slideshow
      // you just have to reset the settings:

      // slides[nextSlide-1].style.display = "none";
      // slides[0].style.display = "block";
      // nextSlide = 1;
    }
  },3000);
</script>