JavaScript：如何在页面上旋转/幻灯片显示文本div？

我正在尝试修改下面的脚本，通过几个文本div进行幻灯片/旋转

我需要这些div按顺序出现：div1，然后div2，然后div3。每个将出现5秒钟，然后显示下一个div。。。但按顺序

下面的脚本适用于随机div，但我需要它们按顺序排列：div1、div2、div3。。。每一次

代码：

我正在尝试旋转出3个基于文本的DIV标记，一个接一个

Div 1应出现5秒。。。 然后Div 2将出现5秒。。。 然后Div 3将出现5秒。。。 我发布的脚本随机旋转出这些DIV标记。脚本工作，但我需要调整它，使它做我需要的

我需要脚本来显示div 1，div 2，div 3-按照这个顺序，而不是随机的

---

我不知道怎么做。

欢迎来到网站管理员。编码性质的问题更适合StackOverflow，但您已经问过同样的问题了。请不要重复发布-如果您的问题被认为更适合另一个Stack Exchange站点，那么它将被移动，因为它很可能会被关闭。

<div id="d1" style="display:none;">some text 1</div>
<div id="d2" style="display:none;">some text 2</div>
<div id="d3" style="display:none;">some text 3</div>

<script type="text/javascript">
divs = ['d1','d2','d3'];

function hideDivs() {
    for (var i=0; i<divs.length; i++)
    document.getElementById(divs[i]).style.display = 'none';
}

function showDiv() {
    hideDivs(); //hide them all before we show the next one.
    var randomDiv = divs[Math.floor(Math.random()*divs.length)];
    var div = document.getElementById(randomDiv).style.display = 'block';
    setTimeout(showDiv,500); //set a delay before showing the next div
}

showDiv();
</script>