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 相关文章推荐
利用jquery操作select下拉列表框的代码
Jun 04 Javascript
基于Jquery实现表格动态分页实现代码
Jun 21 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
May 08 Javascript
JS事件添加和移出的兼容写法示例
Jun 20 Javascript
jQuery动态生成Bootstrap表格
Nov 01 Javascript
简单实现JS计算器功能
Dec 21 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
Jun 01 Javascript
ajax请求+vue.js渲染+页面加载的示例
Feb 11 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
May 05 Javascript
AngularJS ui-router刷新子页面路由的方法
Jul 23 Javascript
JS前端使用Canvas快速实现手势解锁特效
Sep 23 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/05/10 PHP
学习php设计模式 php实现享元模式(flyweight)
2015/12/07 PHP
解决ThinkPHP下使用上传插件Uploadify浏览器firefox报302错误的方法
2015/12/18 PHP
thinkPHP中volist标签用法示例
2016/12/06 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
百度 popup.js 完美修正版非常的不错 脚本之家推荐
2009/04/17 Javascript
javascript 写类方式之三
2009/07/05 Javascript
Bootstrap 组件之按钮(二)
2016/05/11 Javascript
Javascript 引擎工作机制详解
2016/11/30 Javascript
AngularJS中的缓存使用
2017/01/11 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
JS中把函数作为另一函数的参数传递方法(总结)
2017/06/28 Javascript
解决vue的变量在settimeout内部效果失效的问题
2018/08/30 Javascript
JavaScript实现表单注册、表单验证、运算符功能
2018/10/15 Javascript
值得收藏的八个常用的js正则表达式
2018/10/19 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
2019/06/18 jQuery
vue实现登录页面的验证码以及验证过程解析(面向新手)
2019/08/02 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
2020/05/12 Javascript
vue el-tree 默认展开第一个节点的实现代码
2020/05/15 Javascript
js实现3D旋转效果
2020/08/18 Javascript
[36:05]完美世界DOTA2联赛循环赛 Forest vs DM 第一场 11.06
2020/11/06 DOTA
python 格式化输出百分号的方法
2019/01/20 Python
pytorch实现保证每次运行使用的随机数都相同
2020/02/20 Python
如何实现在jupyter notebook中播放视频(不停地展示图片)
2020/04/23 Python
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
校园奶茶店创业计划书
2014/01/23 职场文书
《画风》教学反思
2014/04/16 职场文书
2014应届本科生自我评价
2014/09/13 职场文书
股东授权委托书范文
2014/09/13 职场文书
公司感谢信范文
2015/01/22 职场文书
党小组推荐意见
2015/06/02 职场文书
国情备忘录观后感
2015/06/04 职场文书
2016党校培训心得体会
2016/01/07 职场文书
Mysql MVCC机制原理详解
2021/04/20 MySQL