zoukankan
html css js c++ java
用javascript显示简单的等待信息
在Web应用中,在执行一些用时较长的操作时,需要显示一个消息,提示用户稍作等待,下面的代码是一个javascript的简单例子,当然,并不是真正意义上的进度条。
在页面上放一个Label,一个Button,
然后把javascript代码些在一个单独的js文件中,代码如下:
var
flag
=
"
0
"
;
function
showProcess()
{
window.setTimeout('showMsg()',
1
);
}
function
showMsg()
{
var
msg
=
document.getElementById(
"
Label1
"
);
msg.style.color
=
"
blue
"
;
if
(window.document.readyState
!=
null
&&
window.document.readyState
!=
'complete')
{
if
(flag
==
0
)
{
flag
=
1
;
msg.innerHTML
=
"
Please wait.
"
;
}
else
if
(flag
==
1
)
{
flag
=
2
;
msg.innerHTML
=
"
Please wait. .
"
;
}
else
{
flag
=
0
;
msg.innerHTML
=
"
Please wait. . .
"
;
}
window.setTimeout('showMsg()',
500
);
}
else
{
msg.innerHTML
=
""
;
flag
=
0
;
}
}
在aspx页面中引用js文件:
<SCRIPT language="javascript" src="JScript.js" type="text/Jscript"></SCRIPT>
页面的cs文件中,给Button添加事件代码:
protected
void
Page_Load(
object
sender, EventArgs e)
{
if
(
!
IsPostBack)
{
this
.Button1.Attributes.Add(
"
OnClick
"
,
"
showProcess();
"
);
}
}
protected
void
Button1_Click(
object
sender, EventArgs e)
{
for
(
int
i
=
0
; i
<=
500000000
; i
++
)
{
}
//
Response.Redirect("werwer.aspx");
}
现在就可以运行看下效果了
查看全文
相关阅读:
五分钟上手Markdown
css中居中方法小结
事务和同步锁
插入排序
插入排序
交换排序
eclipse 常用快捷键
交换排序
二叉搜索树(BST)
二叉树遍历以及根据前序遍历序列反向生成二叉树
原文地址:https://www.cnblogs.com/dahuzizyd/p/javascript_wait.html
最新文章
团队计划backlog:
团队介绍即项目规划
IOS开发-UIBarButtonItem系统自带图标总结
IOS开发-PCH文件的使用
UI-动画
NSUserDefaults的使用
UI-UIImageView和Image的区别
IOS开发小项目—找色块游戏
IOS开发-UI基础-视图
UI—代理简单使用
热门文章
UI-导航控制器的使用
IOS-归档的使用
ES6(函数新增特性)
ES6(数组)
ES6(数值)
ES6(字符串)
ES6(正则扩展)
ES6(解构赋值)
ES6(let.contest命令)
css清除浮动方法小结
Copyright © 2011-2022 走看看