在x秒或单击后显示div

Question

我有两个div：

<div id="h1" style="display: none;"></div>
<div id="h2" style="display: none;"></div>

和

<a onclick="showh1()">h1</a>
<a onclick="showh2()">h2</a>

和这个javascript选择一个div来显示

function showh1() {
                 document.getElementById('h1').style.display = "block";
                }
function showh2() {
                 document.getElementById('h2').style.display = "block";
                }

但是我想在x秒之后显示div h1，或者当用户点击以显示两个div中的一个时。我怎样才能做到这一点？ 谢谢！

Answer 1

X秒后：

function showh1() {
  document.getElementById("h1").style.visibility = "visible";
}
setTimeout("showh1()", x*1000); // after x secs

点击呼叫功能：

<a onclick="showh1()">h1</a>

Answer 2

当窗口加载时，将两个显示设置为隐藏，然后使用javascript设置超时以运行代码以将显示设置为不隐藏。