Javascript的setTimeout和setInterval定时器的使用

Javascript的setTimeout和setInterval定时器的使用
Javascript的setTimeout和setInterval函数广泛应用。它们用于处理延迟和定时任务,例如在打开网页后弹出一个登录框,发送异步请求获取最新数据等等,但它们的应用程序是不同的。

setTimeout()方法来调用函数或计算表达式后指定的毫秒,而setInterval()调用函数或表达式,在每一个指定的毫秒数递归直到clearInterval清除它。也就是说,setTimeout()是只执行一次,而setInterval()可以执行很多次。两函数的参数是相同的,第一个是代码或处理被执行,第二是延迟的毫秒数。

setTimeout的用法

setTimeout函数的使用如下:

复制代码代码如下所示:

无功timeoutid = window.settimeout(函数,{延迟参数,param2,…}));

无功timeoutid = window.settimeout(编码延迟,{ });
timeoutid:定时器的ID,它可以用来清除在清除定时器,定时器()函数。

函数:被执行的函数。

代码:(可选语法)执行的代码字符串。

Delay:延迟时间,单位毫秒。如果没有指定,默认值是0。

我们可以用window.settimeout或setTimeout,这基本上是由于两方式相同,但window.settimeout使用setTimeout函数作为全局窗口属性对象。

应用实例:

复制代码代码如下所示:

函数超时(){

document.getelementbyid('res).innerHTML = math.floor(Math.random)*(100 + 1);

}

setTimeout(超时()
当执行代码时,在5秒后调用超时()函数,并单击演示。

setInterval的用法

参数和setInterval函数的用法是,setTimeout函数相同。请参考以前的文章setTimeout函数的用法。不同的是,setInterval执行功能或代码每隔一段时间。

应用实例:

复制代码代码如下所示:

var = 10;

函数时间(){

TT—;

document.getelementbyid(TT).innerHTML = TT;

如果(TT = 0){

窗口的位置。href =/;

返回false;

}

}

VaR定时器= window.setinterval(时间()
作用时间()定义页面元素# TT显示内容,当它等于0,页指向首页。然后我们定义一个定时器,定时器,使用setInterval()调用时()曾经的每一秒。这样,时间会被执行10次,每时间的数字是由1降到0。如果你想停止计时器,你可以使用下面的代码:

复制代码代码如下所示:

window.clearinterval(定时器);
当执行代码时,页面在10秒后跳转到首页。
事实上,setTimeout()也可以实现一个功能重复每隔一段时间,但我们仍然有setTimeout和setInterval之间一个简单的差异。此外,Javascript运行在单线程方式浏览器的Javascript引擎。在实际应用中,需要在复杂任务中执行排队,这可能会导致定时器时间不准确。这个问题需要在大型应用中考虑。这篇文章不深入。

以上是本文的全部内容,希望大家能喜欢。

tag:电脑软件JavascriptsetTimeoutSetInterval

相关内容