javascript中setInterval的用法


Posted in Javascript onJuly 19, 2015

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);

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

Javascript 相关文章推荐
javascript 数组学习资料收集
Apr 11 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
Jan 03 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
Jul 18 Javascript
JS过滤url参数特殊字符的实现方法
Dec 24 Javascript
node.js中的console.trace方法使用说明
Dec 09 Javascript
关于JavaScript的变量的数据类型的判断方法
Aug 14 Javascript
Js+Ajax,Get和Post在使用上的区别小结
Jun 08 Javascript
原生js代码实现图片放大境效果
Oct 30 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
Apr 16 Javascript
移动端web滚动分页的实现方法
May 05 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
Apr 17 Javascript
js中跨域方法原理详解
Jul 19 #Javascript
javascript获取网页宽高方法汇总
Jul 19 #Javascript
jQuery获取URL请求参数的方法
Jul 18 #Javascript
jQuery增加自定义函数的方法
Jul 18 #Javascript
jQuery插件简单实现方法
Jul 18 #Javascript
javascript实现页面刷新时自动清空表单并选中的方法
Jul 18 #Javascript
jQuery实现在最后一个元素之前插入新元素的方法
Jul 18 #Javascript
You might like
php访问查询mysql数据的三种方法
2006/10/09 PHP
php 遍历数据表数据并列表横向排列的代码
2009/09/05 PHP
php视频拍照上传头像功能实现代码分享
2015/10/08 PHP
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
2012/05/23 Javascript
extjs中form与grid交互数据(record)的方法
2013/08/29 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
Angularjs的键盘事件的绑定
2017/07/27 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
对angularjs框架下controller间的传值方法详解
2018/10/08 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
JS控制下拉列表左右选择实例代码
2020/05/08 Javascript
JavaScript鼠标悬停事件用法解析
2020/05/15 Javascript
js实现全选和全不选功能
2020/07/28 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
2020/09/08 Javascript
使用IronPython把Python脚本集成到.NET程序中的教程
2015/03/31 Python
Python爬虫实现抓取京东店铺信息及下载图片功能示例
2018/08/07 Python
Python 中的lambda函数介绍
2018/10/10 Python
python配置文件写入过程详解
2019/10/19 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
美国高端寝具品牌:Coyuchi
2017/02/08 全球购物
意大利和国际最佳时尚品牌:Drestige
2019/12/28 全球购物
艺术应用与设计专业个人的自我评价
2013/11/19 职场文书
装饰资料员岗位职责
2013/12/30 职场文书
初中音乐教学反思
2014/01/12 职场文书
中学生评语大全
2014/04/18 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
处级干部考察材料
2014/12/24 职场文书
运动员入场词
2015/07/18 职场文书
董事长年会致辞
2015/07/29 职场文书
中学生运动会广播稿
2015/08/19 职场文书