zoukankan      html  css  js  c++  java
  • 用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");
        }

    现在就可以运行看下效果了
  • 相关阅读:
    bzoj2599
    在Linux下配置jdk的环境变量
    liunx 命令大全
    Liunx下如何使用kettle
    Liunx 解压篇
    Linux下安装MySQL-5.7
    Linux文件权限查看及修改命令chmod,chown
    spring 驱动模式
    Struts2标签之Checkbox
    spring 注解的优点缺点
  • 原文地址:https://www.cnblogs.com/dahuzizyd/p/javascript_wait.html
Copyright © 2011-2022 走看看