setTimeout 和 setInterval 的区别

最新推荐文章于 2025-04-18 19:30:55 发布

超越超

最新推荐文章于 2025-04-18 19:30:55 发布

阅读量414

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML+CSS+JS

本文链接：https://blog.csdn.net/cyjch/article/details/51498799

HTML+CSS+JS 专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了JavaScript中的setTimeout和setInterval两种定时方法的区别及应用。setTimeout用于执行一次性的延迟任务，而setInterval则用于周期性地执行同一任务。文章还提供了如何使用setTimeout模拟setInterval的效果，并展示了如何通过实例代码进行启动和停止。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setTimeout
 (表达式,延时时间)

setInterval(表达式,交互时间)

延时时间/交互时间是以豪秒为单位的(1000ms=1s)

setTimeout  
 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次

setInterval
 在执行时,它从载入后,每隔指定的时间就执行一次表达式

set
 Timeout 也可以实现象setInterval一样的功能

set
 Timeout:

<script
 language="javascript">

var
 i;

i=0;

function
 reloop()

{

i=i+1;

alert(String(i));

setTimeout("reloop()",1000);

}

reloop();

</script>

setInterval:

<script
 language="javascript">

var
 i;

i=0;

function
 reloop()

{

i=i+1;

alert(String(i));

}

setInterval("reloop()",1000);

</script>

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

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

　　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>