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/

Answer 2

两个问题。

1. 每个函数必须有一个不同的名称。
2. 您在 setTimeout 中调用一个函数，例如setTimeout(showIt, 5000); // after 5 secs

jsFiddle 示例