javascript中setInterval的用法
更新时间：2015年07月19日 11:11:04 投稿：hebedich
这篇文章主要介绍了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对象的方法，其他参数同第一种语法。
下面利用例子进行解释：
//普通语法的第一种写法
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();//创建一个新的对象
obj.alert1 = function(){
alert("我是setInterval方法打印结果");
}
obj.alert2 = 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);
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
FileUpload上传图片(图片不变形) 的实现方法，需要的朋友可以参考下。2010-08-08
这篇文章主要为大家详细介绍了微信小程序实现聊天室，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
当一个页面有多个a标签，实现当前点击a标签变色，其他a标签回复原色，具体实现如下，喜欢的朋友可以参考下2013-11-11
有时编写 Web 应用的代码会感觉充满魔力，因为我们只是写了一系列字符，就能在浏览器里看到效果了。但是理解魔法背后的技术，可以帮助你更好地提高编程技巧2015-12-12
详解webpack的clean-webpack-plugin插件报错
这篇文章主要介绍了详解webpack的clean-webpack-plugin插件报错，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
本文给大家推荐的是一个使用js获取图片的原始尺寸的例子，从本人项目中抠出来的，这里奉献给大家，有需要的直接拿走。2014-12-12
这篇文章主要介绍了JavaScript mixin实现多继承的方法,结合实例形式分析了mixin多继承的原理与具体实现技巧,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了javascript实现计算指定范围内的质数,涉及javascript数值计算与判断相关操作技巧,需要的朋友可以参考下2018-12-12
本文主要介绍了typescript返回值类型和参数类型的具体使用文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了JavaScript中的类(Class)详细介绍,本文讲解了JavaScript中类的定义、JavaScript中的Constructor(构造函数)、类名等内容,需要的朋友可以参考下2014-12-12
最新评论