Why would you want to Show a Hidden DIV after so many seconds, minutes? That’s up to you. Some examples I’ve seen is:

  • Sales Video and say 7 minutes into it a Opt-in form appears below the video.
  • A Buy Now Button appears after a while
  • Etc.

It’s pretty easy to set up actually. Place this before the closing head tag. I put in some notes in the code about how long it is for a second & minute.

<!-- Show magical div -->
<script type="text/javascript">
    function showIt() {
      document.getElementById("hid").style.display = "block";
    }
// 1000 = 1 sec | 60000 is 1 minute
    </script>
<!-- END Show magical div -->

Then add this to your body tag. This is where you put in how many seconds until your hidden DIV shows up. But do NOT put in a comma.

<body onLoad='setTimeout("showIt()", 60000);'>

Put this where you want your hidden div to show up after the time is up.

<!-- Magic DIV -->
<div id="hid" style="display:none;">
This is hidden to start. But shows after the set time amount is up.
</div>
<!-- END Magic DIV -->

You can also do it this way and not put the onLoad in the body tag.

<script type="text/javascript">
function showIt() {
document.getElementById("hid").style.display = "block";
}
setTimeout("showIt()",1200000);
</script>

Also you can set up a link that will show the hidden content after they click. Just use this:

<a href="javascript:showIt()">Your Link Here</a>

Let me know how you use this code. I’m curious :)