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

JS 定时器 （setInterval 和 setTimeout 函数）

2012-03-14 15:21 936 查看
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>

来源：http://www.cnblogs.com/ipusr/archive/2007/04/03/697814.html
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航