javascript中setInterval的用法总结
javascript中的setInterval的函数主要是在制作动画或其他间隔性渲染(操作)效果时,对操作方法按照一定时间间隔进行调用的函数。
setInterval的表达式格式主要有:
setInterval(fnname,time,par1,par2,);
setInterval(obj,fnname,time,par1,par2,);
第一种是最常见的表达语法,其中fnname参数可以是一个匿名函数的引用或者是一个函数名,time是设定的调用faname的时间间隔,单位为毫秒,默认值为10毫秒,为可选参数,是传递给faname方法的参数。
第二种是使用对象方法的语法,faname参数是obj对象的方法,其他参数同第一种语法。
下面利用例子进行解释:
普通语法的第一种写法setInterval(function(){ alert("我是setInterval方法打印结果"); },3000) //每隔3秒打印一次//普通语法的第二种写法function alert1(){ alert("我是setInterval方法打印结果") }function alert2(str){ alert(str); } setInterval(alert1,3000); setInterval("alert1()",3000); setInterval(alert2,3000,"我是setInterval方法打印结果"); setInterval("alert1()",3000,"我是setInterval方法打印结果");//对象方法写法obj = new Object();//创建一个新的`对象t1 = function(){ alert("我是setInterval方法打印结果"); }t2 = function(str){ alert(str); }setInterval(obj,alert1,3000);setInterval(obj,alert2,3000,"我是setInterval方法打印结果");
setInterval一般都要跟clearInterval配合使用,clearInterval的作用是清除setInterval方法的调用,clearInterval的参数是setInterval的返回值,var timer = setInterval(obj,alert1,3000);clearInterval(timer)。
-
dreamweaver的学习心得
当我们备受启迪时,写心得体会是一个不错的选择,这样我们可以养成良好的总结方法。那么要如何写呢?下面是小编收集整理的dreamweaver的学习心得,欢迎阅读与收藏。dreamweaver的学习心得1目前,互联网是最快捷的信息传播渠道之一,学习网页制作成了学生必须掌握的一项技...
-
javascript包装对象的用法
js对象是一种复合值:它是属性或已命名值得集合。参考以下代码:vars="helloworld";varlen=th;在该例子中,s是字符串,而字符串不是对象,但为何会有属性呢?其实只要引用了字符串s的属性,js就会将字符串通过调用newString(s)的方式转换为对象,该对象继承了字符串的方法,并被...
-
网页设计黄金配色原则是什么
身为网页设计新手的你,是不是还在纠结于你制作的网页找不到一组完美的配色方案?在本教程中我们将与你分享6条肯定会火,并且“错不了”的指导方针,你可以按照这些原则把握最基本的色彩规律。现在我们分享的这些原则都不是规则,你会在你的职业生涯中创造出更多的配色...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
相关文章
- JavaScript在Android的WebView中parseInt函数转换不正确
- Dreamweaver中JavaScript行为操作使用方法
- Javascript中arguments对象的详解和使用方法
- A Letter to the University President为题目的作文
- Spring Festival is My Favorite Festival英语作文
- javascript中String对象的slice()方法
- 私家车的坏处The Disadvantages of Private Cars英语作文
- JavaScript中的style.cssText使用教程分解
- Dreamweaver中JavaScript行为操作使用的总结
- 如何在Javascript中为String对象添加trim,ltrim,rtrim方法