关于javascript的时间延迟效果

<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.msglayer {
visibility:hidden;
position: absolute;
top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);
left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);
background-color: #B8B8D0;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #646595;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #646595;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #646595;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #646595;
font-size: 12px;
color:#ffffff;
width:300;
height:80;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
var i = 0
function LoadMe(content){
window.setTimeout("showprocess(\""+content+"\");",2000);
}
function LoadHide(){
window.setTimeout("hideprocess();",1000); }
//显示
function showprocess(content) 
{
if(document.all) 
{
MsgLayer.style.visibility = "visible";
MsgArea.innerHTML = content;   
  i++
  if(i>=2)
LoadHide();
else
LoadMe("→ OK！",2000);
}
}
//隐藏
function hideprocess() 
{
MsgLayer.style.visibility = "hidden";
}
//-->
</SCRIPT>
</head>
<body topmargin='0' leftmargin='0'>
<table align='center' valign='middle' id='MsgLayer' class='msglayer'>
<tr>
  <td id='MsgArea'></td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
LoadMe("检查...",1000);
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--

//-->
</SCRIPT>
</body>
</html>

解决方案 »

  1.   

    <html>
    <head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <style>
    .msglayer {
    visibility:hidden;
    position: absolute;
    top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);
    left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);
    background-color: #B8B8D0;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #646595;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #646595;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #646595;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #646595;
    font-size: 12px;
    color:#ffffff;
    width:300;
    height:80;
    }
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function LoadMe(content){
    showprocess(content);
    }
    function LoadHide(){
    window.setTimeout("hideprocess();",2000);
    }
    //显示
    function showprocess(content) 
    {
    if(document.all) 
    {
    MsgArea.innerHTML = content;
    MsgLayer.style.visibility = "visible";
    LoadHide();
    }
    }
    //隐藏
    function hideprocess() 
    {
    MsgLayer.style.visibility = "hidden";
    }
    //-->
    </SCRIPT>
    </head>
    <body topmargin='0' leftmargin='0'>
    <table align='center' valign='middle' id='MsgLayer' class='msglayer'>
    <tr>
      <td id='MsgArea'></td>
    </tr>
    </table>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    LoadMe("检查...");
    setTimeout("LoadMe('" + "→ OK！" + "')",1000);
    //-->
    </SCRIPT>
    </body>
    </html>