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>