javascript - x秒后显示一个div，y秒后显示另一个div

Question

我对此很陌生，但我试图在 1 秒后显示 div1，并在 5 秒后显示 div2。目前，只有 div2 在 1 秒后显示。请帮我修复 javascript。

我还想知道如何在显示 div2 后隐藏 div1。

我的代码:

<div id="div1" style="visibility: hidden">Reveal Div 1 after 1 second</div>
<div id="div2" style="visibility: hidden">Reveal Div 2 after 5 seconds</div>

<script type="text/javascript">
function showIt() {
  document.getElementById("div1").style.visibility = "visible";
}
setTimeout("showIt()", 1000); // after 1 sec

function showIt() {
  document.getElementById("div2").style.visibility = "visible";
}
setTimeout("showIt()", 5000); // after 5 secs
</script>

Answer 1

不能有 2 个同名的函数。将第二部分更改为

function showIt2() {
  document.getElementById("div2").style.visibility = "visible";
}
setTimeout("showIt2()", 5000); // after 5 secs

演示:http://jsfiddle.net/W9YU5/