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 相关文章推荐
JSON.stringify 语法实例讲解
Mar 14 Javascript
javascript中定义私有方法说明(private method)
Jan 27 Javascript
jQuery获取选中内容及设置元素属性的方法
Jul 09 Javascript
Javascript中的对象和原型(二)
Aug 12 Javascript
微信小程序 swiper组件详解及实例代码
Oct 25 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
Dec 15 Javascript
JavaScript定义全局对象的方法示例
Jan 12 Javascript
微信小程序实现根据字母选择城市功能
Aug 16 Javascript
微信小程序之圆形进度条实现思路
Feb 22 Javascript
Node.js中的child_process模块详解
Jun 08 Javascript
vue异步axios获取的数据渲染到页面的方法
Aug 09 Javascript
详解Node.js使用token进行认证的简单示例
May 25 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获取中英混合字符串长度的方法
2014/06/07 PHP
php上传图片生成缩略图(GD库)
2016/01/06 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
jQuery怎么解析Json字符串(Json格式/Json对象)
2013/08/09 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
2015/04/15 Javascript
JS实现简单的键盘打字的效果
2015/04/24 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
2016/04/04 Javascript
NodeJS创建最简单的HTTP服务器
2017/05/15 NodeJs
Ionic + Angular.js实现图片轮播的方法示例
2017/05/21 Javascript
利用ES6的Promise.all实现至少请求多长时间的实例
2017/08/28 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
2018/09/20 Javascript
js实现倒计时器自定义时间和暂停
2019/02/25 Javascript
ES6基础之字符串和函数的拓展详解
2019/08/22 Javascript
[01:23:35]Ti4主赛事胜者组 DK vs EG 1
2014/07/19 DOTA
[37:21]完美世界DOTA2联赛PWL S2 Inki vs Magma 第二场 11.22
2020/11/24 DOTA
python中列表和元组的区别
2017/12/18 Python
python文档字符串(函数使用说明)使用详解
2019/07/30 Python
Python  Django 母版和继承解析
2019/08/09 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
python3.7中安装paddleocr及paddlepaddle包的多种方法
2020/11/27 Python
法国奢华女性时尚配饰网上商店:Monnier Frères
2016/08/27 全球购物
优质美利奴羊毛袜,不只是徒步旅行:Darn Tough Vermont
2018/11/05 全球购物
Ibatis如何使用动态表名
2015/07/12 面试题
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
初级软件工程师面试题 Junior Software Engineer Interview
2015/02/15 面试题
大学生农村教师实习自我鉴定
2013/09/21 职场文书
制定岗位职责的原则
2013/11/08 职场文书
婚假请假条怎么写
2014/04/10 职场文书
篮球赛口号
2014/06/18 职场文书
公务员党员评议表自我鉴定
2014/09/14 职场文书
2014年小学教师工作自我评价
2014/09/22 职场文书
婚内房产协议书范本
2014/10/02 职场文书
一篇文章带你学习Mybatis-Plus(新手入门)
2021/08/02 Java/Android