title: show div after x seconds or when click
body: <p>I've got two divs like:</p>
  
  <pre><code>&lt;div id="h1" style="display: none;"&gt;&lt;/div&gt;
  &lt;div id="h2" style="display: none;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;a onclick="showh1()"&gt;h1&lt;/a&gt;
  &lt;a onclick="showh2()"&gt;h2&lt;/a&gt;
  </code></pre>
  
  <p>and this javascript for choose one div to be shown</p>
  
  <pre><code>function showh1() {
                   document.getElementById('h1').style.display = "block";
                  }
  function showh2() {
                   document.getElementById('h2').style.display = "block";
                  }
  </code></pre>
  
  <p>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!</p>