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);
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要介绍了JS简单生成随机数(随机密码)的方法,简单分析了javascript随机数相关函数并结合具体实例形式分析了随机数的相关生成技巧,需要的朋友可以参考下2017-05-05
这篇文章主要介绍了理解Javascript的动态语言特性,需要的朋友可以参考下2015-06-06
单个按钮在Web页面中的运用有时候并不能满足我们的业务需求，常常会看到将多个按钮组合在一起使用，比如富文本编辑器里的一组小图标按钮等。本文将详细介绍Bootstrap按钮组，感兴趣的朋友一起看看吧2017-07-07
这篇文章主要介绍了关于JavaScript命名空间的一些心得,分别给出了顶级、多级命名空间的例子,需要的朋友可以参考下2014-06-06
javascript:history.go()和History.back()的区别及应用
为提高用户体验度，可能会使用到刷新 前进 后退等相关更能，本文将以此问题详细介绍javascript:history.go()和History.back()的区别及应用，需要的朋友可以参考下2012-11-11
这篇文章主要介绍了JS实现兼容性较好的随屏滚动效果,演示了固定位置显示和随屏滚动两种效果的实现方法,涉及css样式的设置与结合时间函数递归调用实现滚屏的技巧,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了配置Grunt的Task时通配符支持和动态生成文件名问题,需要的朋友可以参考下2015-09-09
JavaScript中arguments和this对象用法分析
这篇文章主要介绍了JavaScript中arguments和this对象用法,结合实例形式较为详细的分析了arguments对象和this对象的功能、常见用法及相关操作注意事项,需要的朋友可以参考下2018-08-08
这篇文章主要为大家详细介绍了微信小程序云开发之模拟后台增删改查，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
这篇文章主要为大家详细介绍了JavaScript发起HTTP请求的多种方式,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以跟随小编一起学习一下2023-11-11
最新评论