Question

我正在尝试修改下面的脚本，以幻灯片放映/旋转少数文本DIV。

我需要按顺序显示这些DIV：div 1，然后div 2，然后div 3.每次显示5秒，然后显示下一个div ...但是按顺序。

下面的脚本适用于随机div，但我需要它们按顺序排列：div 1，div 2，div 3 ......每次都是。

代码：

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

我正在尝试逐个旋转出3个基于文本的DIV标签。

Div 1应出现5秒......
然后Div 2应该出现5秒......
然后Div 3应该出现5秒......

我发布的脚本随机旋转出这些DIV标签。该脚本有效，但我需要调整它以便它能满足我的需求。

我需要脚本按顺序显示div 1，div 2，div 3--，而不是随机。

我无法弄清楚如何做到这一点。

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

0 个答案: