頁面提交時，顯示“提交中”等待效果

由於web開發的特點，有的時候提交數據量較大或者計算量較大的頁面，需要等待很長時間，整個頁面都刷新成白的啦，給人的感覺很不舒服，有的時候提交后，頁面反應慢，用戶以為沒有提交成功，所以又提交一次，從而造成重復提交的情況，所以需要一種簡單的“提交中”的特效，此時頁面上的其他東西不允許點擊，鼠標變成漏斗狀，通過這可以避免重復提交。

實現方式,頁面源代碼：

 <div id="running" runat="server" style="z-index: 12000; left: 0px; width: 100%; cursor: wait;
        position: absolute; top: 0px; height: 100%;">
        <table width="100%" height="100%">
            <tr align="center" valign="middle">
                <td>
                    <table width="200px" height="200px" bgcolor="gray" style="filter: Aplpa(Opacity=70);
                        color: White;">
                        <tr align="center" valign="middle">
                            <td>
                                <div id="Clocktimes">
                                </div>
                                <br />
                                正在提交<br />
                                請稍后.....
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <%--<input id="btnOk" value="提交" onclick="btnClick()" type="button" />--%>
    <asp:Button ID="btnOk" runat="server" Text="提交" onclick="btnOk_Click"  />

js代碼

<script language="javascript" type="text/javascript">
        var time = 0;
        function tick() {
            time = time + 1;
            var min = Math.floor(time / 60);
            var second = time - min * 60;
            document.getElementById("Clocktimes").innerHTML = min + "分" + second + "秒";
        }
        function btnClick() {
            document.getElementById("running").style.visibility = "visible";
            window.setInterval('tick()', 1000);
            return false;
        }
    </script>

后台代碼

 protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            this.btnOk.Attributes.Add("onclick", "javascript:document.getElementById('running').style.visibility='visible';window.setInterval('tick()',1000);");
        }
    }
    protected void btnOk_Click(object sender, EventArgs e)
    {
        Thread.Sleep(9000);
    }
    protected override void OnPreRenderComplete(EventArgs e)
    {
        running.Style.Add("visibility", "hidden");
        //base.OnPreRenderComplete(e);
    }