进度条,今天用到了
2011-05-03 16:49
183 查看
进度显示ProgressBar.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script language="javascript">
//开始处理
function BeginTrans(msg) {
WriteText("Msg1", msg);
}
//设置进度条进度
function SetPorgressBar(msg, pos) {
ProgressBar.style.width = pos + "%";
WriteText("Msg1", msg + " 已完成" + pos + "%");
}
//处理结束
function EndTrans(msg) {
if (msg == "")
WriteText("Msg1", "完成。");
else
WriteText("Msg1", msg);
}
//设置时间信息
function SetTimeInfo(msg) {
WriteText("Msg2", msg);
}
// 更新文本显示信息
function WriteText(id, str) {
var strTag = '<font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><B>' + str + '</B></font>';
if (document.all) document.all[id].innerHTML = strTag;
}
</script>
</head>
<body>
<table align="center" style="height: 100%">
<tr style="height: 45%">
<td>
</td>
</tr>
<tr>
<td>
<div id="Msg1" style="height: 16px;">
<font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><b>正在加载...</b></font></div>
<div id="ProgressBarSide" style="width: 300px; color: Silver; border-width: 1px;
border-style: Solid;">
<div id="ProgressBar" align="center" style="height: 20px; width: 0%; background-color: #316AC5;">
</div>
</div>
<div id="Msg2" style="height: 16px;">
<font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><b></b></font>
</div>
</td>
</tr>
<tr style="height: 50%">
<td>
</td>
</tr>
</table>
</body>
</html>
调用文件.cs
protected void Page_Load(object sender, EventArgs e)
{
// 根据 ProgressBar.htm 显示进度条界面
string templateFileName = Path.Combine(Server.MapPath("."), "ProgressBar.htm");
StreamReader reader = new StreamReader(@templateFileName, System.Text.Encoding.GetEncoding("gb2312"));
string html = reader.ReadToEnd();
reader.Close();
Response.Write(html);
Response.Flush();
System.Threading.Thread.Sleep(200);
//////////////显示进度////
DateTime startTime = System.DateTime.Now;
DateTime endTime = System.DateTime.Now;
// 根据处理任务处理情况更新进度条
string jsBlock;
for (int i = 1; i <= 100; i++)
{
System.Threading.Thread.Sleep(10);
jsBlock = "<script>SetPorgressBar('" + "A" + i.ToString() + "','" + i.ToString() + "'); </script>";
Response.Write(jsBlock);
Response.Flush();
}
// 处理完成
jsBlock = "<script>EndTrans('处理完成。'); </script>";
Response.Write(jsBlock);
Response.Flush();
// 用时
endTime = DateTime.Now;
jsBlock = "<script>SetTimeInfo('用时" + GetTimeSpan(startTime, endTime) + "');</script>";
Response.Write(jsBlock);
Response.Flush();
}
public string GetTimeSpan(DateTime startTime,DateTime endTime)
{
TimeSpan ts = endTime - startTime;
return ts.Days + "天" + ts.Hours + "小时" + ts.Minutes + "分钟" + ts.Seconds + "秒"+ts.Milliseconds;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script language="javascript">
//开始处理
function BeginTrans(msg) {
WriteText("Msg1", msg);
}
//设置进度条进度
function SetPorgressBar(msg, pos) {
ProgressBar.style.width = pos + "%";
WriteText("Msg1", msg + " 已完成" + pos + "%");
}
//处理结束
function EndTrans(msg) {
if (msg == "")
WriteText("Msg1", "完成。");
else
WriteText("Msg1", msg);
}
//设置时间信息
function SetTimeInfo(msg) {
WriteText("Msg2", msg);
}
// 更新文本显示信息
function WriteText(id, str) {
var strTag = '<font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><B>' + str + '</B></font>';
if (document.all) document.all[id].innerHTML = strTag;
}
</script>
</head>
<body>
<table align="center" style="height: 100%">
<tr style="height: 45%">
<td>
</td>
</tr>
<tr>
<td>
<div id="Msg1" style="height: 16px;">
<font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><b>正在加载...</b></font></div>
<div id="ProgressBarSide" style="width: 300px; color: Silver; border-width: 1px;
border-style: Solid;">
<div id="ProgressBar" align="center" style="height: 20px; width: 0%; background-color: #316AC5;">
</div>
</div>
<div id="Msg2" style="height: 16px;">
<font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><b></b></font>
</div>
</td>
</tr>
<tr style="height: 50%">
<td>
</td>
</tr>
</table>
</body>
</html>
调用文件.cs
protected void Page_Load(object sender, EventArgs e)
{
// 根据 ProgressBar.htm 显示进度条界面
string templateFileName = Path.Combine(Server.MapPath("."), "ProgressBar.htm");
StreamReader reader = new StreamReader(@templateFileName, System.Text.Encoding.GetEncoding("gb2312"));
string html = reader.ReadToEnd();
reader.Close();
Response.Write(html);
Response.Flush();
System.Threading.Thread.Sleep(200);
//////////////显示进度////
DateTime startTime = System.DateTime.Now;
DateTime endTime = System.DateTime.Now;
// 根据处理任务处理情况更新进度条
string jsBlock;
for (int i = 1; i <= 100; i++)
{
System.Threading.Thread.Sleep(10);
jsBlock = "<script>SetPorgressBar('" + "A" + i.ToString() + "','" + i.ToString() + "'); </script>";
Response.Write(jsBlock);
Response.Flush();
}
// 处理完成
jsBlock = "<script>EndTrans('处理完成。'); </script>";
Response.Write(jsBlock);
Response.Flush();
// 用时
endTime = DateTime.Now;
jsBlock = "<script>SetTimeInfo('用时" + GetTimeSpan(startTime, endTime) + "');</script>";
Response.Write(jsBlock);
Response.Flush();
}
public string GetTimeSpan(DateTime startTime,DateTime endTime)
{
TimeSpan ts = endTime - startTime;
return ts.Days + "天" + ts.Hours + "小时" + ts.Minutes + "分钟" + ts.Seconds + "秒"+ts.Milliseconds;
}
相关文章推荐
- 今天在做底层数据库操作时,又用到了静态类,所以,单拿出来再说说它
- 干货分享-倒计时,今天离过年前的节日还有多少天进度图动态加载效果
- 今天有空将最近用到的plist的用法总结一下,借鉴了一下前辈们的经验
- 今天项目用到了权限管理展开按钮连带父节点和子节点相互关联的功能,在网上搜了搜看了ztree.js还不错,分享出来
- day48_Redis+Jedis。Java操作Redis、其他各种常用配置命令 总结【后面会用到今天搭建的环境-便于复习)】
- 今天用到上传图片到阿里云服务器。。。以便以后查看
- 今天做应用 用到了不少关于时间处理方面的东西,总结一下,希望大家指正!
- 今天用到的几个matlab函数
- 今天进度到了高博《十四讲》的第六章
- 今天和大家讲解一下,标题栏显示进度条,使用setProgressBarIndeterminateVisibility()
- Android 播放器中容易用到的进度条(音量控制,播放进度)
- 今天用到的css样式(20140723)
- 今天用到的函数总结
- 今天用到了RM格式文件的分割工具RealProducer
- 今天在做项目的时候,用到了跨服务器导入数据
- Android 播放器中容易用到的进度条[音量控制,播放进度]
- 今天加班做了昨天晚上要写的页面,用到了一些之前用过但还不熟悉需要上网搜索才能用的知识点:
- 今天用到几个Hibernate的命令(备查)
- 今天要用到可折叠的tableview 折腾了半天