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 到 JQuery (1)学习小结
Feb 12 Javascript
IE和FireFox(FF)中js和css的不同
Apr 13 Javascript
JS控制日期显示的小例子
Nov 23 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 Javascript
2种jQuery 实现刮刮卡效果
Feb 01 Javascript
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
基于JavaScript怎么实现让歌词滚动播放
Nov 03 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
Nov 18 Javascript
Vue结合原生js实现自定义组件自动生成示例
Jan 21 Javascript
Angular value与ngValue区别详解
Nov 27 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 Javascript
教你一步步实现一个简易promise
Nov 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
DedeCMS 核心类TypeLink.class.php摘要笔记
2010/04/07 PHP
php获取post中的json数据的实现方法
2011/06/08 PHP
php+js iframe实现上传头像界面无跳转
2014/04/29 PHP
yii添删改查实例
2015/11/16 PHP
PHP PDOStatement::closeCursor讲解
2019/01/30 PHP
微信公众号之主动给用户发送消息功能
2019/06/22 PHP
laravel-admin 实现给grid的列添加行数序号的方法
2019/10/08 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
document.createElement()用法及注意事项(ff下不兼容)
2013/03/13 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
2013/08/12 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
2013/09/05 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
2013/12/12 Javascript
js子页面获取父页面数据示例
2014/05/15 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
2016/02/16 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
2016/08/15 Javascript
nodejs微信公众号支付开发
2016/09/19 NodeJs
基于JavaScript实现选项卡效果
2017/07/21 Javascript
element UI upload组件上传附件格式限制方法
2018/09/04 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
2020/04/14 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
2020/08/06 Javascript
Openlayers学习之地图比例尺控件
2020/09/28 Javascript
在Python中使用PIL模块对图片进行高斯模糊处理的教程
2015/05/05 Python
深入浅析python继承问题
2016/05/29 Python
python中字符串的操作方法大全
2018/06/03 Python
Python读取Excel表格,并同时画折线图和柱状图的方法
2018/10/14 Python
Python 使用指定的网卡发送HTTP请求的实例
2019/08/21 Python
利用python+request通过接口实现人员通行记录上传功能
2021/01/13 Python
python爬虫scrapy框架之增量式爬虫的示例代码
2021/02/26 Python
Meli Melo官网:名媛们钟爱的英国奢侈手包品牌
2017/04/17 全球购物
学校四风问题对照检查材料思想汇报
2014/09/26 职场文书
中小学校园安全广播稿
2014/09/29 职场文书
法院干警四风问题个人对照检查材料思想汇报
2014/10/07 职场文书
小爸爸观后感
2015/06/15 职场文书
MySQL sql_mode的使用详解
2021/05/08 MySQL