title: How to show Div after a Specific time of page load?
body: <p>I have pretty much knowledge of CSS but I am totally new in Javascript, so I don't know how to do the following task, need your help.</p>
  
  <p>I want to show a fixed div in the bottom of a screen but it should only appear after a specific period of time, suppose 10 seconds, how to do that with the following code.</p>
  
  <p>CSS</p>
  
  <pre><code>.bottomdiv
  {
     position: absolute;
     left:    0;
     right:   0;
     z-index : 100;
     filter : alpha(opacity=100);
     POSITION: fixed;
     bottom: 0;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code> &lt;div class="bottomdiv"&gt;
      &lt;iframe src="http://example.com" width="990" height="110" scrolling="no"&gt;&lt;/iframe&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Thanks.</p>