Javascript 使手动幻灯片自动播放

我试图使手动幻灯片自动播放

这是我到目前为止的代码

<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";
setTimeout(showDivs, 6000);
}
</script>

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<1）{slideIndex=x.length}
对于（i=0；i

HTML:

埃尔沙姆新闻
❮
❯
1.
2.
3.
4.

我想使滑块自动，同时保留手动切换滑块的控件

---

我曾尝试设置超时，但运气不佳

要使其自动化，您必须使用

setInterval

而不是

setTimeOut

。您只需在特定时间间隔调用

plusDivs

函数，即可使其自动滑动

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<1）{slideIndex=x.length；}
对于（i=0；i

JS-Bin
埃尔沙姆新闻
❮
❯
1.
2.
3.
4.
您的HTML代码无效：它缺少结束符
div
。你的
setTimeout
调用了一个不存在的
函数。@ADreNaLiNe DJ现在更正了，是从开发工具中匆忙复制粘贴的
<div class="section-split one-third" id="copy-here">
<h3 style="margin-bottom: 0px;">Elsham News</h3>
<div>
<button class="arrows" id="arrow-left" onclick="plusDivs(-1)">❮</button>
<button class="arrows" id="arrow-right" onclick="plusDivs(1)">❯</button>
</div>

  <div class="mySlides">
    1
  </div>

  <div class="mySlides">
   2
  </div>

  <div class="mySlides">
   3
  </div>

  <div class="mySlides">
   4
  </div>

  </div>