title: How to make a button disappear and reappear after 'x' seconds?
body: <p>How can I make this code;</p>
  
  <pre><code> &lt;input onclick="myFunction();" alt="click"&gt;Click Me!&lt;/button&gt;
  </code></pre>
  
  
  
  <p>Hide for a few seconds, then re-appear after 'x' seconds? (This button works fine if that changes anything)</p>
  
  <p>I'd like to stick with bare HTML, but if I need Javascript that's fine. No other solutions on SO work for me. Thanks.</p>
  
  <p>edit: </p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="formalign.css"&gt;
        &lt;script type="text/javascript" src="trinit5.js"&gt;&lt;/script&gt;
        &lt;button class="button" id="btn" input onclick="doSingle();" alt="Summon"&gt;Summon&lt;/button&gt;
        &lt;img id="canvas"&gt;&lt;/img&gt;
        &lt;div class="element"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>where do i embed the  part?</p>