如何实现显示完提示信息后几秒钟后自动隐藏？？

Question

比如：
在添加商品的JSP页面，我添加完一个商品信息后，会转向到原先的添加商品页面，并且同时会在JSP的页面上提示“成功添加，您可以继续添加商品”。可是，我想实现一个效果，就是提示的这条信息，在10秒钟后自动隐藏起来。那么，如何实现呢？？？最好提供具体代码示例。

Answer 1

<SCRIPT LANGUAGE="JavaScript">
<!--
var i = 10;
function init(){
if(i == 0){
document.getElementById('divId').style.display = "none";
return ;
}
document.getElementById('divId').innerText = i--;
setTimeout(init, 1000);
}
window.onload=init;
//-->
</SCRIPT>
<div id="divId"></div>

Answer 2

<style>
#divbox{
border:5px solid #0066cc;
background:skyblue;
padding:20px;
font-size:22px;
color:white;
}
</style>
  <script language="javascript">
function codefans(){
var box=document.getElementById("divbox");
box.style.display="none";
}
setTimeout("codefans()",3000);//3秒
</script> <div id="divbox"><h1 align="center">3秒消失</h1></div>

Answer 3

说白了，也就是定时将div的display设置为none

Answer 4

十秒后把div 的display 设置为none

Answer 5

alert('添加成功!') ;
   window.open('gly_manager.jsp','mainFrame') ;
   window.close() ;