会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
ipusr的博客
博客园
首页
新随笔
联系
订阅
管理
JS 定时器 (setInterval 和 setTimeout 函数)
DEMO1:
<
html
>
<
head
>
<
script
language
="JavaScript"
>
<!--
function
Refresh()
{
var
newDateObj
=
new
Date();
document.form1.txt_Time.value
=
newDateObj.toLocaleString();
//
使用当前区域设置并已被转换为字符串
}
var
MyInterval
=
setInterval(
"
Refresh()
"
,
1000
);
function
Stop()
{
if
(event.srcElement.value
==
"
STOP
"
)
//
if(document.form1.btn_Stop.value=="STOP")
{
clearInterval(MyInterval);
document.form1.btn_Stop.value
=
"
START
"
;
}
else
if
(event.srcElement.value
==
"
START
"
)
//
else if(document.form1.btn_Stop.value=="START")
{
MyInterval
=
setInterval(
"
Refresh()
"
,
1000
);
document.form1.btn_Stop.value
=
"
STOP
"
;
}
}
function
Clear()
{
if
(event.keyCode
==
8
)
//
退格键
{
event.srcElement.value
=
""
;
}
}
//
-->
</
script
>
</
head
>
<
body
>
<
form
name
="form1"
>
当前时间:
<
input
type
=text
name
="txt_Time"
size
=30
onkeydown
="Clear()"
>
<
input
type
="button"
name
="btn_Stop"
value
="STOP"
onClick
="Stop()"
>
</
form
>
</
body
>
</
html
>
DEMO2:
<
SCRIPT
>
function
Refresh()
{
Time.innerHTML
=
new
Date().toLocaleString()
+
' 星期'
+
'日一二三四五六'.charAt(
new
Date().getDay());
setTimeout(
"
Refresh()
"
,
1000
);
}
var
timer
=
setTimeout(
"
Refresh()
"
,
1000
);
function
Stop()
{
if
(event.srcElement.value
==
"
STOP
"
)
{
clearTimeout(timer);
document.all.btn_Stop.value
=
"
START
"
;
}
else
if
(event.srcElement.value
==
"
START
"
)
{
timer
=
setTimeout(
"
Refresh()
"
,
1000
);
document.all.btn_Stop.value
=
"
STOP
"
;
}
}
</
SCRIPT
>
<
body
>
<
DIV
style
="background-color:#eeeeee"
id
="Time"
></
DIV
>
<
input
type
="button"
name
="btn_Stop"
value
="STOP"
onClick
="Stop()"
>
<
button
name
='btnTest'
onclick
="javascript:alert(this.name)"
>
测试
</
button
>
</
body
>
posted on
2007-04-03 10:07
ipusr
阅读(
41264
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部