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静态的url如何传递
May 03 Javascript
js apply/call/caller/callee/bind使用方法与区别分析
Oct 28 Javascript
Html中JS脚本执行顺序简单举例说明
Jun 19 Javascript
js使用for循环及if语句判断多个一样的name
Sep 09 Javascript
jquery中map函数遍历数组用法实例
May 18 Javascript
原生js实现自由拖拽弹窗代码demo
Jun 29 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
vue2.0设置proxyTable使用axios进行跨域请求的方法
Oct 19 Javascript
送你43道JS面试题(收藏)
Jun 17 Javascript
layui输入框只允许输入中文且判断长度的例子
Sep 18 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
Element Backtop回到顶部的具体使用
Jul 27 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
二十行语句实现从Excel到mysql的转化
2006/10/09 PHP
shopex主机报错误请求解决方案(No such file or directory)
2011/12/27 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
2015/03/03 Javascript
js实现简单计算器
2015/11/22 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
Angular2里获取(input file)上传文件的内容的方法
2017/09/05 Javascript
基于vue.js快速搭建图书管理平台
2017/10/29 Javascript
Vue+element-ui 实现表格的分页功能示例
2018/08/18 Javascript
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
2018/10/12 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
2018/12/11 Javascript
JS动态图片的实现方法完整示例
2020/01/13 Javascript
element中的$confirm的使用
2020/04/26 Javascript
简单了解three.js 着色器材质
2020/08/03 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
2020/09/11 Javascript
通过vue.extend实现消息提示弹框的方法记录
2021/01/07 Vue.js
python 实现二维列表转置
2019/12/02 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
Matplotlib中%matplotlib inline如何使用
2020/07/28 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
Django日志及中间件模块应用案例
2020/09/10 Python
一款基于css3和jquery实现的动画显示弹出层按钮教程
2015/01/04 HTML / CSS
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
银行实习生自我鉴定范文
2013/09/19 职场文书
同学聚会主持词
2014/03/18 职场文书
党的作风建设心得体会
2014/10/22 职场文书
2014年团总支工作总结
2014/11/21 职场文书
展览会邀请函
2015/02/02 职场文书
2015年度团总支工作总结
2015/04/23 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
2015年女工委工作总结
2015/07/27 职场文书
中小学教师继续教育心得体会
2016/01/19 职场文书
SQL实战演练之网上商城数据库商品类别数据操作
2021/10/24 MySQL