javascript中setInterval的用法

这篇文章主要介绍了javascript中setInterval的用法的相关资料,需要的朋友可以参考下

javascript中的setInterval的函数主要是在制作动画或其他间隔性渲染(操作)效果时，对操作方法按照一定时间间隔进行调用的函数。

setInterval的表达式格式主要有：

setInterval(fnname,time,par1,par2,........parn);

setInterval(obj,fnname,time,par1,par2,......parn);

第一种是最常见的表达语法，其中fnname参数可以是一个匿名函数的引用或者是一个函数名，time是设定的调用faname的时间间隔，单位为毫秒，默认值为10毫秒，par1.......parn为可选参数，是传递给faname方法的参数。

第二种是使用对象方法的语法，faname参数是obj对象的方法，其他参数同第一种语法。

下面利用例子进行解释：

1. //普通语法的第一种写法 
2.  
3. setInterval(function(){ 
4. alert("我是setInterval方法打印结果")； 
5. }，3000) //每隔3秒打印一次 
6.  
7. //普通语法的第二种写法 
8.  
9. function alert1(){ 
10. alert("我是setInterval方法打印结果") 
11. } 
12. function alert2(str){ 
13. alert(str); 
14. } 
15. setInterval(alert1,3000); 
16. setInterval("alert1()",3000); 
17. setInterval(alert2,3000,"我是setInterval方法打印结果"); 
18. setInterval("alert1()",3000,"我是setInterval方法打印结果"); 
19.  
20. //对象方法写法 
21.  
22. obj = new Object();//创建一个新的对象 
23.  
24. obj.alert1 = function(){ 
25. alert("我是setInterval方法打印结果"); 
26. } 
27.  
28. obj.alert2 = function(str){ 
29. alert(str); 
30. } 
31.  
32. setInterval(obj,alert1,3000); 
33. setInterval(obj,alert2,3000,"我是setInterval方法打印结果")； 

setInterval一般都要跟clearInterval配合使用，clearInterval的作用是清除setInterval方法的调用，clearInterval的参数是setInterval的返回值，

1. var timer = setInterval(obj,alert1,3000); 
2.  
3. clearInterval(timer); 

以上所述就是本文的全部内容了，希望大家能够喜欢。