用javascript显示简单的等待信息

在Web应用中，在执行一些用时较长的操作时，需要显示一个消息，提示用户稍作等待，下面的代码是一个javascript的简单例子，当然，并不是真正意义上的进度条。

在页面上放一个Label，一个Button，然后把javascript代码些在一个单独的js文件中，代码如下：

var flag = "0";

function showProcess()

{

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

}

function showMsg()

{

var msg = document.getElementById("Label1");

msg.style.color = "blue";

if(window.document.readyState != null&&window.document.readyState != 'complete')

{

if(flag==0)

{

flag=1;

msg.innerHTML = " Please wait.";

}

else if(flag==1)

{

flag=2;

msg.innerHTML = "Please wait. . ";

}

else

{

flag=0;

msg.innerHTML = "Please wait. . . ";

}

window.setTimeout('showMsg()',500);

}

else

{

msg.innerHTML = "";

flag = 0;

}

}

在aspx页面中引用js文件:

<SCRIPT language="javascript" src="JScript.js" type="text/Jscript"></SCRIPT>

页面的cs文件中，给Button添加事件代码：

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

this.Button1.Attributes.Add("OnClick", "showProcess();");

}

}

protected void Button1_Click(object sender, EventArgs e)

{

for (int i = 0; i <= 500000000; i++)

{

}

//Response.Redirect("werwer.aspx");

}