setTimeout 和 setInterval 的区别

window对象有两个主要的定时方法，分别是setTimeout 和 setInteval 他们的语法基本上相同，可是完成的功能取有区别。

　　setTimeout方法是定时程序，也就是在什么时间之后干什么。干完就完了.

　　setInterval方法则是表示间隔必定时间反复执行某操做。

　　JS里设定延时：

使用SetInterval和设定延时函数setTimeout 很相似。setTimeout 运用在延迟一段时间，再进行某项操做。

setTimeout("function",time) 设置一个超时对象

setInterval("function",time) 设置一个超时对象

SetInterval为自动重复，setTimeout不会重复。

clearTimeout(对象) 清除已设置的setTimeout对象

clearInterval(对象) 清除已设置的setInterval对象

若是用setTimeout实现setInerval的功能，就须要在执行的程序中再定时调用本身才行。若是要清除计数器须要根据使用的方法不一样，调用不一样的清除方法：

例如：tttt=setTimeout('northsnow()',1000);

clearTimeout(tttt);

或者：

tttt=setInterval('northsnow()',1000);

clearInteval(tttt);

举一个例子：

<div id="liujincai"></div>

<input type="button" name="start" value="start" onclick='startShow();'>

<input type="button" name="stop" value="stop" onclick="stop();">

<script language="javascript">

var intvalue=1;

var timer2=null;

function startShow()

{

liujincai.innerHTML=liujincai.innerHTML + " " + (intvalue ++).toString();

timer2=window.setTimeout("startShow()",2000);

}

function stop()

{

window.clearTimeout(timer2);

}

</script>

或者：

<div id="liujincai"></div>

<input type="button" name="start" value="start" onclick='timer2=window.setInterval("startShow()",2000);//startShow();'>

<input type="button" name="stop" value="stop" onclick="stop();">

<script language="javascript">

var intvalue=1;

var timer2=null;

function startShow()

{

liujincai.innerHTML=liujincai.innerHTML + " " + (intvalue ++).toString();

}

function stop()

{

window.clearInterval(timer2);

}

</script>