在WEB页面上显示进度条

来源：互联网发布：mac系统下搜狗输入法编辑：程序博客网时间：2024/05/19 22:05

在WEB页面上显示较长时间的过程时，希望能有进度条显示过程，这时需要混写SCRIPT和JAVA SCRIPT的代码。（下面以ASP代码为例）

1。首先把TIMEOUT时间调整长，Server.ScriptTimeout=999，最长1440

2。<script language=JavaScript>
var load_line_i=1;
var load_line_n=<%=sendtotal%>;
function load_n(txt)
{
  load_line_i+=500/load_line_n;
  window.status="Please waitting..finished "+Math.floor(load_line_i/5)+"%";
  load_txt.innerText=txt+" "+Math.floor(load_line_i/5)+"%";
  document.all("line").width=load_line_i;

}
function finish(){
if(confirm("Send finished.. close dialog?"))document.all("load").style.display='none';
}
</script>

注意 sendtotal是变量，这样进度条才会向前走。

3。页面显示

<div id=load>Please waitting..
<div class=px1><img id=line src="../newsletter/px.gif" style="background:red" height=10></div>
<div id=load_txt>start</div>
</div>

4。ONLOAD事件触发

缺陷：主要是WEB页面执行时间的限制。