如何让一个层显示数秒后再隐藏???

[IQ250]

如题:
我的层代码如下:
<div id="doing" style="Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute; TOP: 0px; HEIGHT: 100%" runat="server">
<table height="100%" width="100%">
<tr vAlign="middle" align="center">
<td>
<table style="FILTER: Alpha(Opacity=70); WIDTH: 250px; HEIGHT: 100px" height="100" width="250" bgColor="#9de13e">
<tr vAlign="middle" align="center">
<td class="font"><b>数据导入中 .</b><br>
<b>Loading...</b></td>
</tr>
</table>
</td>
</tr>
</table>
</div>

我写了一个javascript的代码如下:
<script language="JavaScript">
function fengsir()
{
document.getElementById('doing').style.visibility='visible';
window.setTimeout("doing.style.visibility='hidden';",5000);
}
</script>

第一句话可能正确,因为事件触发时,这个div会显示一下,但马上就没了,下一句我写的停留没用,我想让它停数秒再消失!

这里面javascript怎么写?

[dh20156]

TRY:

<script language="JavaScript">
function fengsir()
{
document.getElementById('doing').style.visibility='hidden';
}
setTimeout("fengsir()",5000);
</script>

[IQ250]

不好意思,我默认的div是hidden的,然后想让它显示5秒,所以必须先让他显示出来.

[dh20156]

<script language="JavaScript">
function fengsir()
{
document.getElementById('doing').style.visibility = 'hidden';
}
document.getElementById('doing').style.visibility = 'visible';
setTimeout("fengsir()",5000);
</script>

[VBDN]

<div id="doing" style="Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute; TOP: 0px; HEIGHT: 100%;visibility:hidden">
<table height="100%" width="100%">
<tr vAlign="middle" align="center">
<td>
<table style="FILTER: Alpha(Opacity=70); WIDTH: 250px; HEIGHT: 100px" height="100" width="250" bgColor="#9de13e">
<tr vAlign="middle" align="center">
<td class="font"><b>数据导入中 .</b><br>
<b>Loading...</b></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<a href="#" onClick="fengsir();">导入</a>

<script language="JavaScript">
function fengsir()
{
document.getElementById('doing').style.visibility='visible';
window.setTimeout("doing.style.visibility='hidden';",5000);
}
</script>

[Dogfish]

dh20156(风之石) is right

[GaoXX]

顶一下