JavaScript中setInterval的用法总结

一、JavaScript中setInterval的用法总结

1、在JavaScript中，setInterval功能就像播放器的定时器，周期性地执行指定的函数或调用对象的方法。它的基本用法是设置一个函数或对象方法，加上时间间隔（以毫秒为单位），每隔指定时间执行一次。语法格式如下：

2、setInterval(function, interval[, arg1, arg2,...argn])或 setInterval(object, methodName, interval[, arg1, arg2,...argn])

3、第一个格式是常规函数形式，第二个适用于对象方法调用。`function`可以是函数名或匿名函数，`object`是派生自Object的对象，`methodName`则是对象中的调用方法。`interval`指定了两次调用之间的时间间隔。

4、如果间隔小于动画帧率，setInterval会尽可能接近设定的时间间隔执行，这时可能需要配合updateAfterEvent动作以保持屏幕刷新。相反，如果间隔大于帧率，仅在动画帧切换时执行，以减小每次刷新的视觉影响。

5、例如，下面的代码每秒显示一次信息："每隔1秒钟我就会显示一次"：

6、setInterval(function(){trace("每隔1秒钟我就会显示一次")}, 1000);

7、传递参数给函数或方法也很简单，如每隔2秒显示："每隔2秒我就会显示一次"：

8、setInterval(show2, 2000,"每隔2秒我就会显示一次");

9、对于对象的setInterval，例如创建一个定时显示时间的实例：

10、最后，setInterval的停止是通过clearInterval来实现的，它接受setInterval返回的intervalid，如：

11、var sh= setInterval(show, 1000);

12、现在你对JavaScript的setInterval已经有了全面的了解。

二、javascript可以单独停止setInterval吗

1、javascript可以单独停止setInterval,使用clearInterval即可

2、clearInterval可以清除setInterval设定的定时器，clearInterval用法如下：

3、clearInterval()方法可取消由 setInterval()设置的 timeout。

4、clearInterval()方法的参数必须是由 setInterval()返回的 ID值。

5、clearInterval(id_of_setinterval)

6、id_of_setinterval：由 setInterval()返回的 ID值。

7、setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

8、setInterval()方法会不停地调用函数，直到 clearInterval()被调用或窗口被关闭。由 setInterval()返回的 ID值可用作 clearInterval()方法的参数。

9、setInterval(code,millisec[,"lang"])

10、code：必需。要调用的函数或要执行的代码串。

11、millisec：必须。周期性执行或调用 code之间的时间间隔，以毫秒计。

12、一个可以传递给 Window.clearInterval()从而取消对 code的周期性执行的值。

三、在javascript中setInerval和setTimrout的区别是什么

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

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

3、setInterval方法则是表示间隔一定时间反复执行某操作。

4、如果用setTimeout实现setInerval的功能，就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要根据使用的方法不同，调用不同的清除方法：

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

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

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

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

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

10、<script language="javascript">

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

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

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

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

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

16、<script language="javascript">

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

18、 window.clearInterval(timer2);