The Last Day Of Summer

.NET技术 C# ASP.net ActiveReport SICP 代码生成 报表应用 RDLC
posts - 305, comments - 1896, trackbacks - 68, articles - 3
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理

用javascript显示简单的等待信息

Posted on 2007-03-22 14:51 Cure 阅读(921) 评论(3)  编辑 收藏 所属分类: C#代码与实例
在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");
    }

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

Feedback

#1楼    回复  引用  查看    

2007-03-23 00:07 by ξσ Dicky σξ      
不错！！！

#2楼    回复  引用  查看    

2007-03-23 08:40 by 大豆男生      
收下

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2007-10-02 00:32 编辑过


相关链接:

最新IT新闻:
美国年轻人最喜欢的15大网站
2008年8月30日IT博客精选
《极品飞车12》最新真人照片、游戏截图
IBM正在开发超强性能4TB固态硬盘阵列
Microsoft F# CTP(2008年9月)
博客园新闻频道  博客园首页  社区