js里setinterval怎么用

发布网友发布时间：2022-04-23 11:52

共2个回答

懂视网时间：2022-04-22 15:53

setInterval()是一个原生的JavaScript函数，可以以指定的时间间隔（以毫秒为单位）调用函数或计算表达式，本篇文章我们就来看一下setInterval方法的具体用法。

JavaScript

我们先来看一下setInterval方法的基本语法

setInterval（myFunction，myTimeLapse）;

其中myFunction是要执行的函数的名称，myTimeLapse指在指定的时间间隔过后要执行的代码。

我们来看示例

例如，我们如果想每隔两秒输出一个“Hello！”，我们可以使用setInterval方法

代码如下

function helloFun（）：void { 
trace（“Hello！”）; 
} 
setInterval（helloFun，2000）;

该函数首先在经过2000毫秒（即2秒）后执行，然后在每2000毫秒后再次执行。

上面的代码，每两秒钟都会看到窗口中输出显示的Hello！，如果想要停止的话需要使用clearInterval()方法。

我们来看示例

代码如下

function helloFun（）：void { 
trace（“Hello！”）; 
} 

var myInterval：uint = setInterval（helloFun，2000）; 
clearInterval（myInterval）;

这样就会停止输出。

热心网友时间：2022-04-22 13:01

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