JavaScript中setInterval的用法总结

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);