setInterval和setTimeoutJS应用实例

setInterval()的定义和用法

setInterval()方法可以根据指定的时间执行一个函数或表达式(以毫秒为单位)。这个方法调用的函数连续直到功能停止使用clearInterval()和窗口关闭,clearInterval()函数的参数的值的ID setInterval()的返回值。

语法

setInterval(代码,毫秒{,郎))
代码是必需的。要调用的函数或要执行的一系列代码。
必须定期执行或调用毫秒,毫秒代码之间的时间间隔。

返回值

一个可以通过Window.clearInterval值()取消周期执行代码。

使用的例子:

复制代码代码如下所示:





变量智力= setInterval(时钟()
函数时钟(){
新的日期();
document.getelementbyid(时钟)。值= T;
}



停止间隔事件




setTimeout()的定义和用法

setTimeout()方法来调用函数或计算表达式指定的毫秒数后。该方法不同于setInterval()方法。此方法只执行一次。

语法

setTimeout(代码,毫秒)
代码是必需的。要调用的函数之后要执行的Javascript代码字符串。
毫秒是必要的,需要等待执行代码的毫秒数毫秒。

提示:uff1a
(1)setTimeout()虽然只是一个执行的代码。但如果我们多次打电话,除了使用setInterval(),我们可以执行的代码本身的setTimeout()又称为实现多个执行目的的方法。
(2)其他setTimeout()方法也可以返回一个ID值,方便使用clearInterval()取消setTimeout()方法的使用方法。

使用的例子:

复制代码代码如下所示:




功能timedmsg(){
var t = setTimeout(警报(3秒!)
}
功能timedmsgaways(){
警报(3秒!;
var t = setTimeout(timedmsgaways()
}












针对这两种方法,值得注意的是,如果要求准确执行一个动作在一个固定的时间间隔,它是更好地使用setInterval,但是如果你不想因为连续调用相互干扰的问题,尤其是当函数调用需要大量的计算和处理时间长,因此最好使用setTimeout。