Javascript 幻灯片放映从幻灯片2跳到幻灯片5

我正在处理我在网上找到的这张幻灯片，幻灯片效果很好。它有一些指示按钮（那些显示你是什么图片的按钮）还有一些箭头，可以让你移动到下一张照片或返回。此幻灯片放映使用boostrap。感谢newman now，播放/暂停功能已包括在内，但由于某些原因，它从幻灯片2跳到了幻灯片5，如何解决此问题：/

HTML代码：

<div id="slideshow">    
  <div id="s1" class="slide row active"> 
     <img src="images/slide1.png"  alt="" class="img-responsive" style="width:100%; height:auto;"/> 
   </div>

   <div id="s2" class="slide row"> 
     <img src="images/slide2.png" alt="" class="img-responsive" style="width:100%; height:auto;"/> 
   </div>  

   <div id="s3" class="slide row"> 
     <img src="images/slide3.png" alt="" class="img-responsive" style="width:100%; height:auto;"/>  
   </div>

   <div id="s4" class="slide row"> 
     <img src="images/slide4.png" alt="" class="img-responsive" style="width:100%; height:auto;"/>  
   </div>   

   <div id="s5" class="slide row"> 
     <img src="images/slide5.png" alt="" class="img-responsive" style="width:100%; height:auto;"/>        
   </div>

   <div id="s6" class="slide row"> 
     <img src="images/slide6.png" alt="" class="img-responsive" style="width:100%; height:auto;"/> 
   </div> 
  <div id="controls" class="row">
    <div id="left" class="col-xs-6">
      <a href="javascript: previous();"> 
        <span class="glyphicon glyphicon-chevron-left"></span> 
      </a>  
    </div>
    <div id="right" class="col-xs-6"> 
      <a href="javascript: next();"> 
        <span class="glyphicon glyphicon-chevron-right"></span> 
      </a> 
    </div>
  </div>
  <div id="indicators" class="hidden-xs hidden-sm">
    <a id="i1" href="#s1" class="active"><span class="hiddenText">Slide 1</span></a> 
     <a id="i2" href="#s2"><span class="hiddenText">Slide 2</span></a> 
     <a id="i3" href="#s3"><span class="hiddenText">Slide 3</span></a> 
     <a id="i4" href="#s4"><span class="hiddenText">Slide 4</span></a> 
     <a id="i5" href="#s5"><span class="hiddenText">Slide 5</span></a>  
     <a id="i6" href="#s6"><span class="hiddenText">Slide 6</span></a>
   </div> 
</div> 

---

对于“播放”按钮，只需创建调用next（）函数的函数，并为self设置计时器

相似的

function play() {
  next();
  setTimeout(5000, function(){play();});
}

---

要暂停，请停止此计时器。

您能给我们看一下您的幻灯片吗page@ShapCyberHTML代码是幻灯片页面。我的意思是给我们看工作页面。

伤了我的眼睛。请不要那样做。首先，它是一个按钮，不是链接。第二：使用事件监听器，这样你就不必公开全局函数。谢谢@Miszy，我会记住这一点，知道幻灯片为什么不能正常工作吗？谢谢你，这段代码。一个问题是，当幻灯片放映到最后一张幻灯片时，我如何使其重新开始。在您的代码中，当从最后一张幻灯片转到下一张幻灯片时，它会旋转开始。如果我使用指示器按钮/箭头，它将从最后一张幻灯片转到第一张幻灯片，但不使用播放按钮

function play() {
  next();
  setTimeout(5000, function(){play();});
}