码迷,mamicode.com
首页 > Web开发 > 详细

在ASP.NET中显示进度条

时间:2016-06-22 10:56:45      阅读:574      评论:0      收藏:0      [点我收藏+]

标签:

版本1:

protected void Page_Load(object sender, EventArgs e)
    {
        Response.Write("<div id=‘mydiv‘ >");
        Response.Write("_");
        Response.Write("</div>");
        Response.Write("<script>mydiv.innerText = ‘‘;</script>");
        Response.Write("<script language=javascript>;");
        Response.Write("var dots = 0;var dotmax = 10;function ShowWait()");
        Response.Write("{var output; output = ‘正在装载页面‘;dots++;if(dots>=dotmax)dots=1;");
        Response.Write("for(var x = 0;x < dots;x++){output += ‘·‘;}mydiv.innerText = output;}");
        Response.Write("function StartShowWait(){mydiv.style.visibility = ‘visible‘; ");
        Response.Write("window.setInterval(‘ShowWait()‘,1000);}");
        Response.Write("function HideWait(){mydiv.style.display = ‘none‘;");
        Response.Write("window.clearInterval();}");
        Response.Write("StartShowWait();</script>");
        Response.Flush();
        Thread.Sleep(10000); 
    }

版本2:

public void showProessSource()
    {//实用代码 --- 在Page_Load事件里调用
        Response.Write("<div id=‘mydiv‘ style=‘text-align: center;‘ >");
        Response.Write("_");
        Response.Write("</div>");
        Response.Write("<script>mydiv.innerText = ‘‘;</script>");
        Response.Write("<script language=javascript>;");
        Response.Write("var dots = 0;var dotmax = 10;function ShowWait()");
        Response.Write("{var output; output = ‘正在加载页面······‘;");
        Response.Write("mydiv.innerHTML = output + ‘<br><img src=../images/waiting.gif />‘ ;}");
        Response.Write("function StartShowWait(){mydiv.style.visibility = ‘visible‘;ShowWait();} ");
        Response.Write("function HideWait(){mydiv.style.display = ‘none‘;}");
        Response.Write("StartShowWait();</script>");
        Response.Flush();
    }  

 

 

 

然后在前台页面最后加上:

<script>
HideWait();
</script>  

技术分享

来源:主博URL:http://hi.baidu.com/Glaivelee

在ASP.NET中显示进度条

标签:

原文地址:http://www.cnblogs.com/Recks/p/5605950.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!