用javascript顯示簡單的等待資訊

來源:互聯網
上載者:User
在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");
    }

現在就可以運行看下效果了

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.