Question

array_pop()

我写了这个脚本来更改div，但这是循环播放如何在所有潜水结束后如何停止循环播放

Answer 1

说实话，我不知道你写下了什么。但是我是一名初学者JavaScript开发人员，所以这可能是我的错。如果我尝试在浏览器中运行您的代码，则什至无法运行。

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

为了获得乐趣，我尝试用我现在掌握的知识来重新创建您的想法。我希望您可以从中学到东西：

<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>

https://codepen.io/anon/pen/ZqGNBx

我希望它能进一步帮助您！

完成所有幻灯片后，如何停止循环播放？

1 个答案: