用div显示页面加载进度条

原创 2007年10月02日 20:46:00

对于加载时间比较长的ASP.NET页面,我们可以在客户端浏览器中显示进度条来显示页面正在装载。下面就是具体的实现过程

 

首先填加 引用 Using System.Threading;

 然后在Page_Load事件中添加如下代码:

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.visibility = 'hidden';");
Response.Write("window.clearInterval();}");
Response.Write("StartShowWait();</script>");
Response.Flush();
Thread.Sleep(10000);

最后在html页面中添加

<script>

HideWait();

</script>

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

jquery动态页面加载进度条

  • 2013-11-07 13:27
  • 1.45MB
  • 下载

JavaScript页面加载进度条

目前没有任何浏览器可以直接获取正在加载对象的大小,因此我们只能采取迂回战术,利用浏览器DOM加载的方式去模拟实现页面加载进度 代码如下: <tit

动态页面加载进度条

动态页面加载进度条 将以下部分添加到和之间 .p {  font-family: "MS Shell Dlg"; font-size: 12px} --> function ...

页面加载进度条(通过HTTP响应输出)

只要把这写在加载方法的前面就可以了: 运用的时候要把背景图片更换一下 public void Loading() { HttpContext hc = Ht...

Cocos2d-x教程(10)-CCProgressTimer实现页面加载进度条效果

原码下载地址:http://download.csdn.net/detail/u012945598/6683161         相信大家在玩游戏的过程中都会遇到一个loading的界面,lo...

Cocos2d-x教程(10)-CCProgressTimer实现页面加载进度条效果

原码下载地址:http://download.csdn.net/detail/u012945598/6683161         相信大家在玩游戏的过程中都会遇到一个loading的界面,lo...

jQuery模拟页面加载进度条

因为我们无法通过任何方法获取整个页面的大小和当前加载了多少,所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢? 我们知道,页面是从上往下执行的,也就是说我们可以大致估算出在页面的某个位...

页面加载进度条

第一:                        ...

页面加载进度条

页面加载进度条 在以往做项目时都不曾考虑过进度条,而进度条可以在跳转页面添加删除等操作时,在等待的过程中加载进度条动画能让用户直观感受到系统代码正在操作进行中,而不是在屏幕前苦苦等待,时间长时会让用...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)