JavaScript 重复函数

Question

最近我尝试使用 Javascript 和 HTML 设计 slider 。这是我的 HTML 内容:

每张幻灯片都是一个分区

<div id="sliderHolder">
<div id="slide1">Content For Slider1 </div>
<div id="slide2">Content For Slider2 </div>
<div id="slide3">Content For Slider3 </div>
</div>

这是 JS 脚本:

function show_slider(){
document.getElementById('slide1').style.display="none";
document.getElementById('slide2').style.display="block";
document.getElementById('slide3').style.display="none";
}
function show_slider2(){
document.getElementById('slide1').style.display="none";
document.getElementById('slide2').style.display="none";
document.getElementById('slide3').style.display="block";
}
function show_slider3(){
document.getElementById('slide1').style.display="block";
document.getElementById('slide2').style.display="none";
document.getElementById('slide3').style.display="none";
}
window.onload = function() {
setTimeout(show_slider, 8000);
setTimeout(show_slider2, 16000);
setTimeout(show_slider3, 24000);
}

我是 JavaScript 新手。其工作时间为 24 秒，每轮显示 8 秒，最后显示第一张幻灯片。但我正在寻找的是在回合结束后再次重复整个过程，以便 slider 将永远继续。

你能帮我一下吗？!

更多要说的:

我不确定是否可以在另一个函数中编写 window.onload = function() 。但我在 function show_slider3() 之后做了如下的事情:

function repeat() {
  window.onload = function() {
    setTimeout(show_slider, 8000);
    setTimeout(show_slider2, 16000);
    setTimeout(show_slider3, 24000);
      }
}

我将 setTimeout(repeat, 25000); 添加到 window.onload = function() 但它并没有帮助我。

特别感谢；

Answer 1

您可以在加载时调用该函数，然后在一定时间间隔内再次运行该函数。

window.onload = loop();
function loop() {
setTimeout(show_slider, 8000);
setTimeout(show_slider2, 16000);
setTimeout(show_slider3, 24000);
setTimeout(loop, 24000);
}