C# 加载web页面时显示进度条的js实例方法

最新推荐文章于 2023-01-27 21:02:20 发布

Lee

最新推荐文章于 2023-01-27 21:02:20 发布

阅读量871

点赞数

分类专栏： C#DotNet程序设计文章标签： c# web output javascript function div

本文链接：https://blog.youkuaiyun.com/leek/article/details/6594958

版权

C#DotNet程序设计专栏收录该内容

33 篇文章

订阅专栏

本文提供了一种在C# Web应用程序中显示网页加载进度的方法。通过在服务器端输出JavaScript代码，创建一个可见的进度条。利用`Response.Write`输出HTML和JS代码，设置一个定时器来动态更新进度，当页面内容如TreeView控件加载完成后，通过JavaScript隐藏进度条。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 

            //网页加载进度显示 代码
            //添加 引用 命名空间  using System.Threading;
            //
            //
            Response.Write("<div  style='COLOR: red; POSITION: absolute; ' 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(1000);


            //TreeViewAdd();
            //加载TreeView 控件的数据      耗时时间 长些
            LoadTree();


            //TreeView控件数据 完全载入后 执行
            //隐藏 加载进度信息
            //
            Response.Write(@"<script language=javascript> HideWait();</script>");