当前位置:首页 > 日记 > 正文

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引擎。在实际应用中,需要在复杂任务中执行排队,这可能会导致定时器时间不准确。这个问题需要在大型应用中考虑。这篇文章不深入。

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

相关文章

如何实现一个简化的Word2010教程Wo

如何实现一个简化的Word2010教程Wo

教程,如何实现,电脑软件,我们经常预览各种Word文档,包括用户发送的传统word文件。毕竟,我们不知道很多繁体字。所以我们需要把繁体字的文件翻译成简体,这样我们就可以读懂它们了,简化的简化体是怎么操作的呢 Word2010简化方法如下: 选择文档中的…

心痛,悲伤和失去爱,经典签名的经典人

心痛,悲伤和失去爱,经典签名的经典人

心痛,经典,人格,悲伤,电脑软件,以下是《心痛、悲伤与失爱》经典签名的全部内容。如果您喜欢小编辑器的建议,请继续关注它。 即使我想再和你在一起,我也不会想打动你。 谢谢你的到来,让我知道什么是深刻的。 你没有说出口会离开我,但我一直在海…

初始化jQuery对象的方式

初始化jQuery对象的方式

对象,初始化,方式,电脑软件,jQuery,jQuery对象初始化的引用模式包括: 1美元(domelement)。 2。$(…),$(' # ID),$('类')传入的字符串,这是最常见的形式,经常发送的第二参数指定的上下文,上下文,上下文参数可$(…),domelement。 3($(函数){);$(文档)Ready(函数(){ …

TeachyoutoskillfullyimprovetheWo

TeachyoutoskillfullyimprovetheWo

电脑软件,TeachyoutoskillfullyimprovetheWord2007cellcapacityWord2007tutorial,在我们通常制作的Word简历中,我们有时会遇到这样一个事实:表单单元格的大小基本上是固定的,但是我们需要将更多的内容放入单元格中。如果字体和字体大小是固定…

实现非刷新动态加载数据技术

实现非刷新动态加载数据技术

数据,动态加载,刷新,技术,电脑软件,当我们浏览一些网页浏览器,当拉动滚动条底部的页面,页面会自动加载更多的内容供用户浏览。这种技术,我称它为滚在屏幕加载技术。我们发现很多网站使用这项技术,而且必须应用于技术,如图片搜索、新浪微博、QQ空…

在math.atan使用Javascript()方法探讨

在math.atan使用Javascript()方法探讨

方法,电脑软件,math,atan,Javascript,此方法返回的弧度逆切,在方法返回一个非PI 2和PI / 2弧度之间的值。 语法 math.atan(X); 下面是参数的详细信息: X:一个数字 返回值: 返回一个数的弧度反正切 实例uff1a Javascript Math atan()方法 VaR值= math…

excel2010表自动保存和自动备份功

excel2010表自动保存和自动备份功

自动保存,教程,自动备份,功能,电脑软件,在excel2010运行事故总是难以避免。如何最大限度地减少用户流失已成为Office 2010发展的重点。 自动保存文档未保存;听起来是不是有些绕嘴,但事实上它的Office 2010在事故的保护是一个重大的任务。相…

PS电子补习教程,后修电子商务

PS电子补习教程,后修电子商务

教程,电脑软件,PS,今天我们为您带来了ps的图片教程,用于修复后期的业务。教程比较实用。淘宝的艺术家朋友很值得学习。建议一起学习。 这张电子商务图的修复手册非常实用。我推荐它。我希望它能帮助我的朋友。我喜欢记住它。 本教程结束,以上…

Excel删除超链接的最佳方式是excel

Excel删除超链接的最佳方式是excel

删除,超链接,方式,基础,电脑软件,对于excel表单中的超链接数据,一个点将跳转到Web窗口。有时不需要取消数据的超链接。 1,选择删除链接数据,复制返回。 2、在选择Excel的功能,其他的命令,校对,自动更正选项,当输入时,自动格式-互联网和网络路径改…

烟花画可调三维饼图法

烟花画可调三维饼图法

饼图,可调,烟花,电脑软件,这篇文章教你如何用烟火画一个可调的三维饼图。 奶茶猫正忙着学习密码。这篇文章带来了一个新的烟花系列教程给你的腐败猫。让猫的成人魔术手指引导你完成FW中级绘图教程。本教程提供了源文件的网盘地址。…

你应该知道PHP浮点知识。

你应该知道PHP浮点知识。

知识,浮点,你应该知道,电脑软件,PHP,PHP是一种弱类型语言。这样的特点必然要求无缝、透明的隐式类型转换,和PHP使用变量来存储任何类型的数值。机制的结构如下:(5.2)为例。 复制代码代码如下所示: 结构_zval_struct { 变量信息 zvalue_value…

CDR只是一个可爱的卡通角色效果。

CDR只是一个可爱的卡通角色效果。

只是一个,角色,卡通,效果,可爱,本教程是简要介绍CDR,这是一个简单的方式来创建可爱的卡通人物。课文很可爱,很难。很适合初学者学习。 该教程教朋友使用CDR制作卡通人物。这门课不是很难。写作效果是相当可爱和美丽。转发与朋友分享学习,首先…