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的倒计时插件代码
May 07 Javascript
jQuery 过滤not()与filter()实例代码
May 10 Javascript
js函数的引用, 关于内存的开销
Sep 17 Javascript
JS、CSS加载中的小问题探讨
Nov 26 Javascript
Jquery getJSON方法详细分析
Dec 26 Javascript
JavaScript实现获得所有兄弟节点的方法
Jul 23 Javascript
Bootstrap实现input控件失去焦点时验证
Aug 04 Javascript
浅谈JS之tagNaem和nodeName
Sep 13 Javascript
bootstrap select插件封装成Vue2.0组件
Apr 17 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
Jun 09 Vue.js
详细介绍Next.js脚手架完整搭建封装
Apr 26 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 if 想到的些问题
2008/03/22 PHP
3个PHP多维数组转为一维数组的方法实例
2014/03/13 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
laravel请求参数校验方法
2019/10/10 PHP
JS字符串处理实例代码
2013/08/05 Javascript
javascript 实现子父窗体互相传值的简单实例
2014/02/17 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
JavaScript——DOM操作——Window.document对象详解
2016/07/14 Javascript
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
jQuery实现百度登录框的动态切换效果
2017/04/21 jQuery
Vue.js tab实现选项卡切换
2017/05/16 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
玩转Koa之koa-router原理解析
2018/12/29 Javascript
微信小程序之左右布局的实现代码
2019/12/13 Javascript
Javascript模拟实现new原理解析
2020/03/03 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
Flask框架的学习指南之制作简单blog系统
2016/11/20 Python
python3.7.0的安装步骤
2018/08/27 Python
详解Django定时任务模块设计与实践
2019/07/24 Python
PyCharm2019 安装和配置教程详解附激活码
2020/07/31 Python
浅谈Python __init__.py的作用
2020/10/28 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
资源环境与城乡规划管理专业自荐书
2014/09/26 职场文书
党员个人剖析材料2014
2014/10/08 职场文书
个人工作作风整改措施思想汇报
2014/10/13 职场文书
八一建军节主持词
2015/07/01 职场文书
消防演习感想
2015/08/10 职场文书
幼儿园大班教学反思
2016/03/02 职场文书
2016年社区“6.26”禁毒日宣传活动总结
2016/04/05 职场文书
详解Redis瘦身指南
2021/05/26 Redis
Python+Appium自动化测试的实战
2021/06/30 Python
mysql函数之截取字符串的实现
2022/08/14 MySQL