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中解析四则运算表达式的算法和示例
Aug 11 Javascript
浅谈JavaScript事件的属性列表
Mar 01 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
Jun 21 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
Aug 31 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
Oct 14 Javascript
JavaScript编写一个贪吃蛇游戏
Mar 09 Javascript
Javascript面试经典套路reduce函数查重
Mar 23 Javascript
Vue.js教程之axios与网络传输的学习实践
Apr 29 Javascript
vuejs简单验证码功能完整示例
Jan 08 Javascript
使用js实现单链解决前端队列问题的方法
Feb 03 Javascript
基于JS实现计算24点算法代码实例解析
Jul 23 Javascript
ant design的table组件实现全选功能以及自定义分页
Nov 17 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
Syphon 秘笈
2021/03/03 冲泡冲煮
php绘制一个扇形的方法
2015/01/24 PHP
PHP模板引擎smarty详细介绍
2015/05/26 PHP
javascript call方法使用说明
2010/01/11 Javascript
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
深入解析JavaScript中的arguments对象
2016/06/12 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
vue 中directive功能的简单实现
2018/01/05 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
[51:44]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第二场
2018/04/04 DOTA
[47:43]完美世界DOTA2联赛PWL S3 Magama vs GXR 第二场 12.19
2020/12/24 DOTA
python ip正则式
2009/05/07 Python
python基础教程之字典操作详解
2014/03/25 Python
windows上安装Anaconda和python的教程详解
2017/03/28 Python
Python实现PS图像调整颜色梯度效果示例
2018/01/25 Python
使用PyInstaller将python转成可执行文件exe笔记
2018/05/26 Python
python线程池如何使用
2020/05/28 Python
浅谈TensorFlow之稀疏张量表示
2020/06/30 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
利用CSS3实现单选框动画特效示例代码
2016/09/26 HTML / CSS
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
澳大利亚领先的男装零售连锁店:Lowes
2020/08/07 全球购物
给实习单位的感谢信
2014/02/01 职场文书
支部书记四风对照材料
2014/08/28 职场文书
诉讼授权委托书范本
2014/10/05 职场文书
销售员工作检讨书(推荐篇)
2014/10/18 职场文书
2015年复活节活动总结
2015/02/27 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
人事聘任通知
2015/04/21 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
解决thinkphp6(tp6)在状态码500下不报错,或者显示错误“Malformed UTF-8 characters”的问题
2021/04/01 PHP
Oracle笔记
2021/04/05 Oracle
python执行js代码的方法
2021/05/13 Python
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python