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 错误处理的几种方法
Jun 13 Javascript
简单实用jquery版三级联动select示例
Jul 04 Javascript
jQuery之选项卡的简单实现
Feb 28 Javascript
jQuery中 attr() 方法使用小结
May 03 Javascript
简单的jQuery入门指引
Jul 28 Javascript
微信小程序  modal详解及实例代码
Nov 09 Javascript
详解Angular4中路由Router类的跳转navigate
Jun 09 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
Jun 25 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
Nov 27 Javascript
JS温故而知新之变量提升和时间死区
Jan 27 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
Mar 10 Javascript
vue-cli设置publicPath小记
Apr 14 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提取视频网站页面中的FLASH地址的代码
2010/04/17 PHP
PHP 导出Excel示例分享
2014/08/18 PHP
php批量删除cookie的简单实现方法
2015/01/26 PHP
php实现阳历阴历互转的方法
2015/10/28 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
laravel 5.3中自定义加密服务的方案详解
2017/05/09 PHP
PHP实现找出有序数组中绝对值最小的数算法分析
2017/08/07 PHP
Prototype使用指南之enumerable.js
2007/01/10 Javascript
js querySelector和getElementById通过id获取元素的区别
2012/04/20 Javascript
JavaScript基础语法、dom操作树及document对象
2014/12/02 Javascript
JQuery选择器绑定事件及修改内容的方法
2015/01/23 Javascript
canvas学习之API整理笔记(一)
2016/12/29 Javascript
解决浏览器会自动填充密码的问题
2017/04/28 Javascript
Vue中的无限加载vue-infinite-loading的方法
2018/04/08 Javascript
Vue实现按钮旋转和移动位置的实例代码
2018/08/09 Javascript
vue里input根据value改变背景色的实例
2018/09/29 Javascript
Angular CLI 使用教程指南参考小结
2019/04/10 Javascript
详解js常用分割取字符串的方法
2019/05/15 Javascript
js中apply和call的理解与使用方法
2019/11/27 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
2020/08/14 Javascript
python3访问sina首页中文的处理方法
2014/02/24 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
python实现kmp算法的实例代码
2019/04/03 Python
python全栈知识点总结
2019/07/01 Python
150行Python代码实现带界面的数独游戏
2020/04/04 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
HTML5实现应用程序缓存(Application Cache)
2020/06/16 HTML / CSS
Giuseppe Zanotti美国官方网站:将鞋履视为高级时装般精心制作
2018/02/06 全球购物
小学新学期教师寄语
2014/01/18 职场文书
协议书与合同的区别
2014/04/18 职场文书
党员干部反四风对照检查材料思想汇报
2014/09/14 职场文书
幼儿园安全教育随笔
2015/08/14 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书
修改MySQL的默认密码的四种小方法
2021/05/26 MySQL