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 相关文章推荐
用javascript做拖动布局的思路
May 31 Javascript
图片上传即时显示缩略图的js代码
May 27 Javascript
JavaScript 解析读取XML文档 实例代码
Jul 07 Javascript
JS基础之undefined与null的区别分析
Aug 08 Javascript
在Firefox下js select标签点击无法弹出
Mar 06 Javascript
Jquery插件仿百度搜索关键字自动匹配功能
May 11 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
layer实现弹窗提交信息
Dec 12 Javascript
Rollup处理并打包JS文件项目实例代码
May 31 Javascript
layui layer select 选择被遮挡的解决方法
Sep 21 Javascript
vue实现标签云效果的示例
Nov 09 Javascript
解决elementui表格操作列自适应列宽
Dec 28 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
如何批量替换相对地址为绝对地址(利用bat批处理实现)
2013/05/27 PHP
PHP中feof()函数实例测试
2014/08/23 PHP
php结合md5实现的加密解密方法
2016/01/25 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
js 数值项目的格式化函数代码
2010/05/14 Javascript
Whatever:hover 无需javascript让IE支持丰富伪类
2010/06/29 Javascript
基于JQUERY的两个ListBox子项互相调整的实现代码
2011/05/07 Javascript
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
iframe的onreadystatechange事件在firefox下的使用
2014/04/16 Javascript
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
jQuery实现向下滑出的二级菜单效果实例
2015/08/22 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
easyui导出excel无法弹出下载框的快速解决方法
2016/11/10 Javascript
iscroll动态加载数据完美解决方法
2017/07/18 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
2019/11/14 Javascript
python 布尔操作实现代码
2013/03/23 Python
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
python根据文件大小打log日志
2014/10/09 Python
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
2015/04/09 Python
在python win系统下 打开TXT文件的实例
2018/04/29 Python
示例详解Python3 or Python2 两者之间的差异
2018/08/23 Python
python机器学习之神经网络实现
2018/10/13 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
Python调用graphviz绘制结构化图形网络示例
2019/11/22 Python
Python根据字典的值查询出对应的键的方法
2020/09/30 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
自我鉴定怎么写
2013/12/05 职场文书
汽车运用工程专业毕业生推荐信
2013/12/25 职场文书
院领导写的就业推荐信
2014/03/09 职场文书
高中学生自我评价范文
2014/09/23 职场文书
科长个人四风问题整改措施思想汇报
2014/10/13 职场文书
检察院起诉意见书
2015/05/20 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书
2016关于读书活动的心得体会
2016/01/14 职场文书
Pytest中conftest.py的用法
2021/06/27 Python