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

JS 定时器（setInterval和setTimeout 函数）

2009-06-01 13:29 537 查看
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());

timer=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()">

</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  timer function button date javascript input
相关文章推荐
新的分享
章节导航