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 相关文章推荐
新手入门常用代码集锦
Jan 11 Javascript
javascript jQuery插件练习
Dec 24 Javascript
jquery div 居中技巧应用介绍
Nov 24 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
Jun 24 Javascript
node.js中的fs.realpath方法使用说明
Dec 16 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
javascript去掉代码里面的注释
Jul 24 Javascript
javascript倒计时效果实现
Nov 12 Javascript
详解Node.js中的事件机制
Sep 22 Javascript
关于json字符串与实体之间的严格验证代码
Nov 10 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
Mar 23 jQuery
关于vue-cli3打包代码后白屏的解决方案
Sep 02 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实现mysql数据库备份类
2008/03/20 PHP
PHP查询MySQL大量数据的时候内存占用分析
2011/07/22 PHP
迁移PHP版本到PHP7
2015/02/06 PHP
js获取变量
2006/08/24 Javascript
javascript import css实例代码
2008/07/18 Javascript
javascript中注册和移除事件的4种方式
2013/03/20 Javascript
jquery实现背景墙聚光灯效果示例分享
2014/03/02 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
跟我学习javascript的执行上下文
2015/11/18 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
2016/02/26 Javascript
js注入 黑客之路必备!
2016/09/14 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
jQuery日程管理控件glDatePicker用法详解
2017/03/29 jQuery
微信小程序实战之轮播图(3)
2017/04/17 Javascript
Node 升级到最新稳定版的方法分享
2018/05/17 Javascript
nodejs分离html文件里面的js和css的方法
2019/04/09 NodeJs
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
[52:27]2018DOTA2亚洲邀请赛 3.31 小组赛B组 paiN vs Secret
2018/04/01 DOTA
Python通过DOM和SAX方式解析XML的应用实例分享
2015/11/16 Python
python导出chrome书签到markdown文件的实例代码
2017/12/27 Python
python3实现域名查询和whois查询功能
2018/06/21 Python
python微信好友数据分析详解
2018/11/19 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
Python 实现毫秒级淘宝抢购脚本的示例代码
2019/09/16 Python
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
初三学生评语大全
2014/04/24 职场文书
讲文明树新风演讲稿
2014/05/12 职场文书
县级领导干部开展党的群众路线教育实践活动工作汇报
2014/10/25 职场文书
论群众路线学习笔记
2014/11/06 职场文书
2014七年级班主任工作总结
2014/12/05 职场文书
2015新员工试用期工作总结
2014/12/12 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
2015年路政工作总结
2015/05/22 职场文书
MySql开发之自动同步表结构
2021/05/28 MySQL
如何利用pygame实现打飞机小游戏
2021/05/30 Python
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
2021/11/17 Servers