The Last Day Of Summer

.NET技术 C# ASP.net ActiveReport SICP 代码生成 报表应用 RDLC
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

用javascript显示简单的等待信息

Posted on 2007-03-22 14:51  Cure  阅读(2606)  评论(2编辑  收藏  举报
在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");
    }

现在就可以运行看下效果了