点击打开层5秒后自动隐藏

javascript 代码
 
  1. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title> 5秒后自动关闭 诺豆网 Nuodou.com </title>  
  6. <script language="javascript">  
  7. function showdiv()  
  8.   {  
  9. document.getElementById("hidediv").style.display="";  

  10. setTimeout(function(){document.getElementById('hidediv').style.display= 'none';},5000);  

  11.   }  
  12. </script>  
  13. </head>  
  14.   
  15. <body>  
  16. <div style="border:1px dashed #000000; width:300px; height:150px; display:none;" id="hidediv"> <br><br>  诺豆网 Nuodou.com<br><br>  我将于 5秒 后自动关闭 </div>  
  17. <div >  
  18.   <input type="button" name="Submit" value="点此显示" onclick="showdiv()" />  
  19. </div>  
  20. </body>  
  21. </html>