您的位置：首页 > Web前端 > JavaScript

JS 定时器 （setInterval 和 setTimeout 函数）

2006-10-31 20:56 507 查看
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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航