1

我正在尝试修改下面的脚本以幻灯片/旋转少数文本 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，而不是随机显示。

我不知道该怎么做。

4

0 回答 0