在 x 秒后或单击时显示 div

Question

I've got two divs like:

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

and

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

and this javascript for choose one div to be shown

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

But I'd like to show div h1 after x seconds or when the users clicks to show one of two divs. How can I do this? Thank you!

Answer 1

After X seconds:

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

Call function on click:

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

Answer 2

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