Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 JavaScript中setInterval的用法详解

JavaScript中setInterval的用法详解

发布时间:2015-03-05   编辑:www.jquerycn.cn
本文介绍下,javascript编程中有关setInterval的用法,用在播放动画的时,每隔一定时间就调用函数,方法或对象,感兴趣的朋友可以参考下。

本节内容:
JavaScript中setInterval的用法

在javascript编程中,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在动作中调用对象的方法的例子,该例子不需要传递参数。
 

复制代码 代码示例:
myobj=new Object();//创建一个新的对象
myobj.interval=function){
    trace("每隔1秒显示一次");
}//创建对象的方法。
setInterval(myobj,"interval",1000);//设定时间间隔调用对象的方法。

接下来介绍如何传递参数。其实道理和函数的传递参数是一样的。
 

复制代码 代码示例:
myobj=new Object();
myobj.interval-function(str){
    trace(str); // www.jquerycn.cn
}
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中setInterval的用法详解
setInterval,setTimeout与jquery混用的问题
Jquery中使用setInterval和setTimeout的方法
JS计算网页停留时间示例代码
JS实现匀速运动的简单例子
js中setInterval与setTimeout用法举例
js定时调用函数(SetInterval与setTimeout)的区别分析
关于setInterval、setTimeout在jQuery中的使用注意事项
Javascript setInterval的二种调用方法示例
Jquery中setInterval、setTimeout使用要注意的问题

[关闭]