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 混合的构造函数和原型方式,动态原型方式
Dec 07 Javascript
javascript深入理解js闭包
Jul 03 Javascript
Javascript跨域请求的4种解决方式
Mar 17 Javascript
js验证电话号码与手机支持+86的正则表达式
Jan 23 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
js实现二代身份证号码验证详解
Nov 20 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
Aug 13 Javascript
详解angular笔记路由之angular-router
Sep 12 Javascript
为vue项目自动设置请求状态的配置方法
Jun 09 Javascript
解决layui表格的表头不滚动的问题
Sep 04 Javascript
Layui数据表格 前后端json数据接收的方法
Sep 19 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
Jan 06 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代码
2016/08/02 PHP
文字幻灯片
2006/06/26 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
2013/01/17 Javascript
js验证整数加保留小数点的简单实例
2013/12/02 Javascript
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
jquery中子元素和后代元素的区别示例介绍
2014/04/02 Javascript
jquery实现页面虚拟键盘特效
2015/08/08 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
2015/11/30 Javascript
jQuery+JSON实现AJAX二级联动实例分析
2015/12/18 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
2016/01/26 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
JavaScript中0和""比较引发的问题
2016/05/26 Javascript
Javascript中从学习bind到实现bind的过程
2018/01/05 Javascript
解决vue页面DOM操作不生效的问题
2018/03/17 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
vue项目中微信登录的实现操作
2020/09/08 Javascript
[51:34]Ti4主赛事胜者组 DK vs EG 2
2014/07/19 DOTA
[05:59]带你看看DPC的台前幕后
2021/03/11 DOTA
Python通过PIL获取图片主要颜色并和颜色库进行对比的方法
2015/03/19 Python
wxPython中listbox用法实例详解
2015/06/01 Python
Python验证企业工商注册码
2015/10/25 Python
深入理解Python变量与常量
2016/06/02 Python
Python 加密的实例详解
2017/10/09 Python
Odoo中如何生成唯一不重复的序列号详解
2018/02/10 Python
Python寻找路径和查找文件路径的示例
2019/07/10 Python
Python3操作Excel文件(读写)的简单实例
2019/09/02 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
Python超越函数积分运算以及绘图实现代码
2019/11/20 Python
wxpython多线程防假死与线程间传递消息实例详解
2019/12/13 Python
python获取响应某个字段值的3种实现方法
2020/04/30 Python
Python 处理日期时间的Arrow库使用
2020/08/18 Python
你不知道的葡萄干处理法、橙蜜处理法、二氧化碳酵母法
2021/03/17 冲泡冲煮
Draper James官网:知名演员瑞茜·威瑟斯彭所创品牌
2017/10/25 全球购物
个人现实表现材料
2014/02/04 职场文书
会计助理岗位职责
2014/02/17 职场文书
财务会计自荐信范文
2014/02/21 职场文书