用javascript显示简单的等待信息
在Web应用中,在执行一些用时较长的操作时,需要显示一个消息,提示用户稍作等待,下面的代码是一个javascript的简单例子,当然,并不是真正意义上的进度条。
在页面上放一个Label,一个Button,
然后把javascript代码些在一个单独的js文件中,代码如下:
 var flag = "0";
var flag = "0";

 function showProcess()
function showProcess()  
 {
{  
 window.setTimeout('showMsg()',1);
    window.setTimeout('showMsg()',1);
 }
} 

 function showMsg()
function showMsg()
 {
{    
 var msg = document.getElementById("Label1");
    var msg = document.getElementById("Label1");
 msg.style.color = "blue";
    msg.style.color = "blue";
 if(window.document.readyState != null&&window.document.readyState != 'complete')
    if(window.document.readyState != null&&window.document.readyState != 'complete')
 {
    {
 if(flag==0)
        if(flag==0)
 {
        {
 flag=1;
            flag=1;
 msg.innerHTML = " Please wait.";
            msg.innerHTML = " Please wait.";
 }
        }
 else if(flag==1)
        else if(flag==1)
 {
        {
 flag=2;
            flag=2;
 msg.innerHTML = "Please wait. . ";
            msg.innerHTML = "Please wait. . ";    
 }
        }
 else
        else
 {
        {
 flag=0;
            flag=0;
 msg.innerHTML = "Please wait. . . ";
            msg.innerHTML = "Please wait. . . ";    
 }
        }
 window.setTimeout('showMsg()',500);
        window.setTimeout('showMsg()',500);
 }
    }    
 else
    else
 {
    {
 msg.innerHTML = "";
        msg.innerHTML = "";    
 flag = 0;
        flag = 0;
 }
    }
 }
}
在aspx页面中引用js文件:
<SCRIPT language="javascript" src="JScript.js" type="text/Jscript"></SCRIPT>
页面的cs文件中,给Button添加事件代码:
 protected void Page_Load(object sender, EventArgs e)
protected void Page_Load(object sender, EventArgs e)
 {
    {
 if (!IsPostBack)
        if (!IsPostBack)
 {
        {
 this.Button1.Attributes.Add("OnClick", "showProcess();");
            this.Button1.Attributes.Add("OnClick", "showProcess();");
 }
        }
 }
    }
 protected void Button1_Click(object sender, EventArgs e)
    protected void Button1_Click(object sender, EventArgs e)
 {
    {
 for (int i = 0; i <= 500000000; i++)
        for (int i = 0; i <= 500000000; i++)
 {
        {
 }
        }
 //Response.Redirect("werwer.aspx");
        //Response.Redirect("werwer.aspx");
 }
    }
现在就可以运行看下效果了
 
在页面上放一个Label,一个Button,
然后把javascript代码些在一个单独的js文件中,代码如下:
 var flag = "0";
var flag = "0";
 function showProcess()
function showProcess()   {
{   window.setTimeout('showMsg()',1);
    window.setTimeout('showMsg()',1); }
} 
 function showMsg()
function showMsg() {
{     var msg = document.getElementById("Label1");
    var msg = document.getElementById("Label1"); msg.style.color = "blue";
    msg.style.color = "blue"; if(window.document.readyState != null&&window.document.readyState != 'complete')
    if(window.document.readyState != null&&window.document.readyState != 'complete') {
    { if(flag==0)
        if(flag==0) {
        { flag=1;
            flag=1; msg.innerHTML = " Please wait.";
            msg.innerHTML = " Please wait."; }
        } else if(flag==1)
        else if(flag==1) {
        { flag=2;
            flag=2; msg.innerHTML = "Please wait. . ";
            msg.innerHTML = "Please wait. . ";     }
        } else
        else {
        { flag=0;
            flag=0; msg.innerHTML = "Please wait. . . ";
            msg.innerHTML = "Please wait. . . ";     }
        } window.setTimeout('showMsg()',500);
        window.setTimeout('showMsg()',500); }
    }     else
    else {
    { msg.innerHTML = "";
        msg.innerHTML = "";     flag = 0;
        flag = 0; }
    } }
}在aspx页面中引用js文件:
<SCRIPT language="javascript" src="JScript.js" type="text/Jscript"></SCRIPT>
页面的cs文件中,给Button添加事件代码:
 protected void Page_Load(object sender, EventArgs e)
protected void Page_Load(object sender, EventArgs e) {
    { if (!IsPostBack)
        if (!IsPostBack) {
        { this.Button1.Attributes.Add("OnClick", "showProcess();");
            this.Button1.Attributes.Add("OnClick", "showProcess();"); }
        } }
    } protected void Button1_Click(object sender, EventArgs e)
    protected void Button1_Click(object sender, EventArgs e) {
    { for (int i = 0; i <= 500000000; i++)
        for (int i = 0; i <= 500000000; i++) {
        { }
        } //Response.Redirect("werwer.aspx");
        //Response.Redirect("werwer.aspx"); }
    }现在就可以运行看下效果了
 
                    
                     
                    
                 
                    
                
 


 
     
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号