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 相关文章推荐
js 编写规范
Mar 03 Javascript
js获取元素相对窗口位置的实现代码
Sep 28 Javascript
jQuery使用fadein方法实现渐出效果实例
Mar 27 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
使用JavaScript的AngularJS库编写hello world的方法
Jun 23 Javascript
学习JavaScript设计模式(策略模式)
Nov 26 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
JS去除字符串最后的逗号实例分析【四种方法】
Jun 20 Javascript
ZK中使用JS读取客户端txt文件内容问题
Nov 07 Javascript
jquery实现进度条状态展示
Mar 26 jQuery
解决vant的Toast组件时提示not defined的问题
Nov 11 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之第五天
2006/10/09 PHP
php无限遍历文件夹示例分享
2014/03/04 PHP
php上传文件并存储到mysql数据库的方法
2015/03/16 PHP
php删除指定目录的方法
2015/04/03 PHP
thinkPHP多域名情况下使用memcache方式共享session数据的实现方法
2016/07/21 PHP
php7安装yar扩展的方法详解
2017/08/03 PHP
ThinkPHP5.0框架控制器继承基类和自定义类示例
2018/05/25 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
PHP使用PDO 连接与连接管理操作实例分析
2020/04/21 PHP
jQuery中dequeue()方法用法实例
2014/12/29 Javascript
js事件监听器用法实例详解
2015/06/01 Javascript
jquery 获取select数组与name数组长度的实现代码
2016/06/20 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
2016/07/05 Javascript
简单的JS轮播图代码
2016/07/18 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
详解ECMAScript typeof用法
2018/07/25 Javascript
浅谈HTTP 缓存的那些事儿
2018/10/17 Javascript
原生JS实现的跳一跳小游戏完整实例
2019/01/27 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
2019/02/18 Javascript
[01:02:32]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第二场 2月26日
2021/03/11 DOTA
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
flask框架路由常用定义方式总结
2019/07/23 Python
浅谈Pytorch中的torch.gather函数的含义
2019/08/18 Python
Python流程控制 while循环实现解析
2019/09/02 Python
Win10下python 2.7与python 3.7双环境安装教程图解
2019/10/12 Python
python实现网页录音效果
2020/10/26 Python
基于HTML5 Canvas 实现商场监控实例详解
2017/11/20 HTML / CSS
菲律宾购物网站:Lazada菲律宾
2018/04/05 全球购物
师范生实习自我鉴定
2013/11/01 职场文书
医学护理毕业生自荐信
2013/11/07 职场文书
旷课检讨书2000字
2014/01/14 职场文书
自我鉴定四大框架
2014/01/17 职场文书
公司副总经理岗位职责
2014/10/01 职场文书
手术室护士个人总结
2015/02/13 职场文书
好员工观后感
2015/06/17 职场文书