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 相关文章推荐
总结AJAX相关JS代码片段和浏览器模型
Aug 15 Javascript
javascript 关于# 和 void的区别分析
Oct 26 Javascript
jQuery 在光标定位的地方插入文字的插件
May 10 Javascript
javascript实现yield的方法
Nov 06 Javascript
javascript 用函数实现继承详解
May 28 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
Jan 05 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
Sep 20 Javascript
Angular 容器部署的方法
Apr 17 Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 Javascript
JS动画实现回调地狱promise的实例代码详解
Nov 08 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
Feb 11 Javascript
原生JavaScript实现五子棋游戏
Nov 09 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之第四天
2006/10/09 PHP
Windows7下PHP开发环境安装配置图文方法
2010/05/20 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
php cookie用户登录的详解及实例代码
2017/01/03 PHP
PHP使用new StdClass()创建空对象的方法分析
2017/06/06 PHP
PHP实现的文件上传类与用法详解
2017/07/05 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
JavaScript 编程引入命名空间的方法
2007/06/29 Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
2010/05/21 Javascript
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
2012/02/03 Javascript
利用js实现选项卡的特别效果的实例
2013/03/03 Javascript
JS中类或对象的定义说明
2014/03/10 Javascript
jQuery下拉友情链接美化效果代码分享
2015/08/26 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
2015/09/24 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
2016/08/29 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
Angular1.x自定义指令实例详解
2017/03/01 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
2017/07/22 jQuery
详解jquery插件jquery.viewport.js学习使用方法
2017/09/08 jQuery
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
2018/05/07 Javascript
在Vue-cli里应用Vuex的state和mutations方法
2018/09/16 Javascript
React Hooks 实现和由来以及解决的问题详解
2020/01/17 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
Python读写Excel文件的实例
2013/11/01 Python
python实现给字典添加条目的方法
2014/09/25 Python
Python urls.py的三种配置写法实例详解
2017/04/28 Python
python 对key为时间的dict排序方法
2018/10/17 Python
python判断自身是否正在运行的方法
2019/08/08 Python
在pandas中遍历DataFrame行的实现方法
2019/10/23 Python
2015年个人招商工作总结
2015/04/25 职场文书
小学英语课教学反思
2016/02/15 职场文书
python xlwt模块的使用解析
2021/04/13 Python
Python实现机器学习算法的分类
2021/06/03 Python
源码安装apache脚本部署过程详解
2022/09/23 Servers