javascript - 如何仅使用 javascript 在 DIV 中换入和换出文本？

Question

我在这样的 DIV 中有文本：

<div>

@*<p class="header">xxx</p>
<p>
yyy
</p>
<p>
yyy
</p>*@

<p class="header">xxx</p>
<p>
yyy
</p>
<p>
yyy
</p>

</div>

我注释掉了前三段并用后三段替换了它们。有没有办法让它每十秒钟在显示前三段和后三段之间改变一次。请注意，我在此页面上不使用 jQuery。我想找到一个不使用 jQuery 的解决方案。

Answer 1

查看setTimeout()和setInterval()函数。

第一个允许您定义超时结束时要执行的代码，第二个将继续执行指定的代码，直到您停止它。

至于在没有 jquery 的情况下替换标签的内容，我将把它留给你作为练习。:)

Answer 2

没有 jQuery：

将两组

在两个带有他们的 id 的 div 中。

document.getElementById('idDiv1').style.display = "none"; --> make invisibile the div1
document.getElementById('idDiv2').style.display = "block"; --> make visibile the div2

为了让它在自动模式下，你必须使用javascript的定时器功能，看这里。这是 W3School 的链接。