JavaScript中setTimeout与setInterval的区别及用法

setTimeout与setInterval的基本区别

setTimeout方法属于定时程序，其作用是在指定的时间延迟后执行一次操作，执行完毕后即结束，不会自动重复。

setInterval方法则表示以固定的时间间隔反复执行某项操作，直到被手动停止。

若需使用setTimeout模拟setInterval的功能，必须在每次执行的操作内部再次调用setTimeout来设置下一次定时任务。要停止计数器的运行，需根据所使用的定时器类型调用对应的清除方法：

清除定时器的方法

例如：

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

clearTimeout(tttt);

或者：

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

clearInteval(tttt);

使用setTimeout实现定时功能的代码示例

举一个例子：

 
<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 + "&nbsp;" + (intvalue ++).toString();
timer2=window.setTimeout("startShow()",2000);
} 
function stop()
{ 
window.clearTimeout(timer2);
} 
</script>

使用setInterval实现定时功能的代码示例

或者：

 
<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 + "&nbsp;" + (intvalue ++).toString();
} 
function stop()
{ 
window.clearInterval(timer2);
} 
</script>