页面加载提示-优快云博客

本文介绍了一种使用JavaScript实现在页面进行复杂计算时显示等待提示的方法。通过两个函数do_totals1和do_totals2配合使用，能够在计算开始时显示一个“正在处理中”的提示框，并在计算完成后隐藏该提示框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

脚本说明:

把如下代码加入<body>区域中
<script language="javascript">

function do_totals1()

{

document.all.pleasewaitScreen.style.pixelTop = (document.body.scrollTop + 50);

document.all.pleasewaitScreen.style.visibility="visible";

window.setTimeout('do_totals2()',1);

}

function do_totals2()

{

lengthy_calculation();

document.all.pleasewaitScreen.style.visibility="hidden";

}

function lengthy_calculation()

{

var x,y

for(x=0;x<1000000;x++)

{

y += (x * y) / (y - x);

}

  }

  </script>
  <DIV ID="pleasewaitScreen" STYLE="position:absolute;z-index:5;top:30%;left:42%;visibility:hidden">
   <TABLE BGCOLOR="#000000" BORDER="1" BORDERCOLOR="#000000" CELLPADDING="0" CELLSPACING="0" HEIGHT="100" WIDTH="150" ID="Table1">
    <TR>
     <TD WIDTH="100%" HEIGHT="100%" BGCOLOR="silver" ALIGN="CENTER" VALIGN="MIDDLE">
      <FONT FACE="Arial" SIZE="4" COLOR="blue"><B>正在处理中<br>
        请稍等...</B></FONT>
     </TD>
    </TR>
   </TABLE>
  </DIV>
  <p align="center">
   <input type="button" name="btn_calc" value="处理等待" onclick="do_totals1()">
  </p>

JS事件处理等待代码