JavaScript中setInterval的用法总结


Posted in Javascript onNovember 20, 2013

setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。

setInterval动作的语法格式如下:
setInterval(function,interval[,arg1,arg2,......argn])
setInterval(object,methodName,interval[,arg1,arg2,.....argn])

第一种格式是标准动作面板中setInterval函数的默认语法,第二种格式是在专家模式动作中使用的方法。

其中的参数function是一个函数名或者一个对匿名函数的引用。object参数指定从Object对象派生的对象。methodName制定 object参数中要调用的方法。

interval制定对function或methodName调用两次之间的时间,单位是毫秒。后面的arg1等是可选的参数,用于制定传递给function或是methodName的参数。

setInterval它设置的时间间隔小于动画帧速(如每秒10帧,相当于100毫秒),则按照尽可能接近interval的时间间隔调用函数。

而且必须使用updateAfterEvent动作来确保以足够的频率刷新屏幕。如果interval大于动画帧速,则只用在每次播放头进入某一帧是才调用,以减小每次刷新屏幕的影响。

下面的例子每隔1秒调用一次匿名函数。
setInterval(function(){trace("每隔1秒钟我就会显示一次")},1000);//这里的function(){}是没有函数名的函数。成为匿名函数,后面的1000是时间间隔,单位是毫秒。

下面的例子为我们展示如何带参数运行。

function show1(){
    trace("每隔1秒显示一次");
}
function show2(str){
    trace(str);
}
setInterval(show1,1000);
setInterval(show2,2000,"每隔2秒我就会显示一次");

上面已经将函数的setInterval方法介绍了。

下面我们将介绍对象的setInterval方法。

首先,写一个setInterval在动作中调用对象的方法的例子,该例子不需要传递参数。

myobj=new Object();//创建一个新的对象
myobj.interval=function){
    trace("每隔1秒显示一次");
}//创建对象的方法。
setInterval(myobj,"interval",1000);//设定时间间隔调用对象的方法。

接下来介绍如何传递参数。其实道理和函数的传递参数是一样的。
myobj=new Object();
myobj.interval-function(str){
    trace(str);
}
setInterval(myobj,"interval",2000," 每隔2秒我就会显示一次");

注意。要调用为对象定义的方法时,必须在专家模式中使用第二种语法格式。

这样子的话呢,我们来作一个动态显示时间的画面。可以用下面的代码实现。

setInterval(show,1000);
function show(){
    time=new Date();
    hour=time.getHours();
       minu=time.getMinutes();
       sec=time.get.Seconds();
    datetime=hour+":"+minu+":"+sec;
}//这里的datetime是一个动态文本框的变量名字。

这样子呢,setInterval这个方法大家应该学的很好了。现在呢,我们学习clearInterval.

clearInterval动作的作用是清楚对setInterval函数的调用,它的语法格式如下clearInterval(intervalid);intervalid是调用setInterval函数后返回的对象。

下面举一个简单的例子。

function show(){
    trace("每隔一秒显示一次");
}
var sh;
sh=setInterval(show,1000);
clearInterval(sh);
Javascript 相关文章推荐
jQuery在vs2008及js文件中的无智能提示的解决方法
Dec 30 Javascript
js data日期初始化的5种方法
Dec 29 Javascript
javascript面向对象特性代码实例
Jun 12 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
JavaScript页面模板库handlebars的简单用法
Mar 02 Javascript
JS实现控制表格行文本对齐的方法
Mar 30 Javascript
javascript解三阶幻方(九宫格)
Apr 22 Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
May 05 Javascript
简单实现轮播图效果的实例
Jul 15 Javascript
浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序
Feb 19 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
Apr 21 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
Mar 06 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
Nov 20 #Javascript
jquery iframe操作详细解析
Nov 20 #Javascript
JS获取当前日期和时间的简单实例
Nov 19 #Javascript
js 自动播放的实例代码
Nov 19 #Javascript
鼠标滚轴控制文本框值的JS代码
Nov 19 #Javascript
jquery交替变换颜色的三种方法 实例代码
Nov 19 #Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
Nov 19 #Javascript
You might like
如何对PHP程序中的常见漏洞进行攻击(上)
2006/10/09 PHP
多个PHP中文字符串截取函数
2013/11/12 PHP
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
PHP模板引擎Smarty内建函数详解
2016/04/11 PHP
PHP简单判断iPhone、iPad、Android及PC设备的方法
2016/10/11 PHP
PHP ElasticSearch做搜索实例讲解
2020/02/05 PHP
Javascript 变量作用域 两个可能会被忽略的小特性
2010/03/23 Javascript
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
2010/09/12 Javascript
js open() 与showModalDialog()方法使用介绍
2013/09/10 Javascript
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
html的DOM中document对象forms集合用法实例
2015/01/21 Javascript
jquery带翻页动画的电子杂志代码分享
2015/08/21 Javascript
jQuery div拖拽用法实例
2016/01/14 Javascript
javascript之Array 数组对象详解
2016/06/07 Javascript
Angular1.x自定义指令实例详解
2017/03/01 Javascript
JavaScript字符串_动力节点Java学院整理
2017/06/27 Javascript
javaScript封装的各种写法
2017/08/14 Javascript
基于vue.js中事件修饰符.self的用法(详解)
2018/02/23 Javascript
Vuex 单状态库与多模块状态库详解
2018/12/11 Javascript
微信小程序实现的一键复制功能示例
2019/04/24 Javascript
element-ui中Table表格省市区合并单元格的方法实现
2019/08/07 Javascript
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
Python单元测试实例详解
2018/05/25 Python
使用python生成杨辉三角形的示例代码
2018/08/29 Python
对Python 3.5拼接列表的新语法详解
2018/11/08 Python
Python中print和return的作用及区别解析
2019/05/05 Python
Django集成CAS单点登录的方法示例
2019/06/10 Python
python实现ip代理池功能示例
2019/07/05 Python
django数据模型(Model)的字段类型解析
2019/12/25 Python
Python 实现数组相减示例
2019/12/27 Python
简单整理HTML5的基本特性和语法
2016/02/18 HTML / CSS
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
serialVersionUID具有什么样的特征
2014/02/20 面试题
大学生优秀的自我评价分享
2013/10/22 职场文书
自动化专业职业生涯规划书范文
2014/01/16 职场文书
python批量创建变量并赋值操作
2021/06/03 Python