hide div content after Time delay of x

[AKS44]

I am attempting to create a show/hide div that simply hides the content in the div after it's displayed for 30 seconds or soo. This needs to be cross platform (IE6-7, FireFox, NS, etc)

A good example can be seen at

http://www.golf.com/golf/.

The Ad at the top will slide close after a period of time.

I have scowered the net for such code with out any luck, however I have found plenty on the jquery hide/show but this is more of a user interaction using a button. Not exactlly what I'm looking for.

Any help would be greatly appriceated.

 

[Diancecht]

If you look at the source code of that website you will find the answer: setInterval and setTimeout functions.

Cheers,
Dian

 

[shox321]

<div style="border:#000000 1px solid; width:200px; height:200px" id="some_id" onmouseout="hide_div(30);">div cont here</div>
<script>
var div_timer;
var div_timer=setTimeout("hide_div();",30000);
// 30000 == 30 000 Milliseconds = 30 Seconds
function hide_div(time_here){
if(time_here){
div_timer=setTimeout("hide_timer();",(time_here*1000));
}
else{
document.getElementById('some_id').style.visibility='hidden';
document.getElementById('some_id').style.display='none';
}
}
</script>

 

[shox321]

you can comment one of those :
this:
// var div_timer;
or this:
var div_timer=setTimeout("hide_div();",30000);

also u can remove the onmouseout event from the <div> tag