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 >

来源：http://www.cnblogs.com/ipusr/archive/2007/04/03/697814.html