在Javascript中使用setInterval和setTimeout的详细解释

setTimeout

描述



setTimeout(代码,毫秒)



setTimeout()方法是用来调用函数或计算表达式指定的毫秒数后。



注:在通话过程中,清除定时器(id_of_settimeout)可用于终止





参数
描述




代码
必要的,要调用函数后执行的Javascript代码字符串。


毫秒
必要的,在执行代码之前要等待的毫秒数。





settimeinterval



setInterval(代码,毫秒{,郎))





参数
描述




代码
必要的是要调用的函数或要执行的字符串代码。


毫秒
在毫秒之间周期性地执行或调用代码之间的时间间隔是必要的。





setInterval()方法可以调用一个函数或计算表达式,根据指定的时间(以毫秒为单位)。

设置时间延迟:

它是使用setInterval和设置延时功能settimeout.settimeout非常相似,用于延迟一段时间,然后某个操作。

SetTimeout (function

setInterval和setTimeout自动重复,不重复。

ClearTimeout(对象)清除setTimeout对象这样设定(对象)明确设定setInterval对象

setInterval()方法可以调用一个函数或计算表达式,根据指定的时间(以毫秒为单位)。

利用定时器实现Javascript的延迟执行或重复执行窗口对象提供了两种方式实现定时器的作用,即window.settimeout()和window.setinterval.the前允许代码运行指定的时间后;后者可以一段代码在指定的时间运行一次。他们的原型如下:window.settimeout(表达,毫秒);window.setinterval(表达毫秒);其中,表达可用于引用的一段代码,也可以是一个函数的名字,在指定的时间,系统会自动调用该函数,当使用函数名作为呼叫处理。不使用任何参数;使用字符串,可以编写字符串来传递参数。这两种方法的第二个参数是毫秒,表示延迟或重复的毫秒数。

分别介绍了以下两种方法。

1.window.settimeout方法这种方法可以延迟功能的执行,例如:



<!——
函数(){ alert(打招呼你好)};} window.settimeout(你好,5000);




此代码将打开5秒显示对话框你好页。最后一句也可写为window.settimeout(你好())如果我们取消执行的最后期限前达成,我们可以用window.cleartimeout(timeoutid)方法接收一个ID代表一个定时器。这个ID是通过setTimeout方法返回,例如:



<!——
函数hello(){
警报(hello);
}
var id = window.settimeout(你好,5000);
文件。onclick =函数(){
window.cleartimeout(ID);
}




这样,如果你想取消显示,你只需要点击页面的任何部分执行window.cleartimeout方法使超时操作被取消。

的2.window.setinterval方法是使一个函数调用一次,在每一个固定的时间,一个很常见的方法。如果你想取消定时执行,类似于清除定时器的方法,window.clearinterval方法可以调用。clearInterval方法也接收返回值通过setInterval方法作为一个参数。例如: / /定义一个重复调用var id = window.setinterval(功能其实setInterval是许多场合需要。秒表介绍下面介绍setInterval函数的使用:秒表将包括两个按钮和一个显示时间的文本框。当你点击开始按钮,最小单位是0.01秒。此时,再次单击按钮停止计时,文本框显示要传递的时间。另一个按钮用于清除当前时间。实际上,代码如下所示:





新的文件











<!——
以窗体访问表单字段
VaR txt =文件形式{ 0 },{元素txt1};
无功btnstart =文件形式{ 0 },{元素btnstart};
无功btnreset =文件形式{ 0 },{元素btnreset}
id /定时器的定义
var id;
每10毫秒,该值增加1。
var种子= 0;
BtnStart。onclick =函数(){
根据按钮文本确定当前操作
如果(这个值= 开始){
要停止的按钮文本
此值;
复位按钮不可用。
btnreset禁用=真;
/ /设置定时器,每0.01s再跳。
ID = window.setinterval(提示,10);}
别的{
要启动的按钮文本
这个值= 开始;
使重置按钮可用
btnreset禁用=假;
取消/定时
window.clearinterval(ID);
} }
重置按钮
btnreset。onclick =函数(){
种子= 0;
}
让秒表跳格
函数提示(){
种子+;
txt =种子 100;
}




调用参数的定时器,无论window.settimeout或window.setinterval,不带参数时使用函数名作为呼叫处理。在许多情况下,有必要采取参数,这就需要解决方案。例如,对于功能你好(_name),它是用来作为用户名显示欢迎信息:var =杰克用户名;


根据用户名显示欢迎消息
功能你好(_name){
警报(你好,+ _name);
}


此时,如果尝试以下语句,将延迟执行hello函数3秒是不可行的:

Window.setTimeout(你好(用户名),3000);

这会使你好功能立即执行并通过返回值为呼叫处理的setTimeout函数,这不是计划的结果。在一个字符串的形式,可以达到预期的结果:

window.settimeout(你好(用户名)

这里的字符串是一段Javascript代码,其中用户名是一个变量,但是这个方法不直观,有些场合必须使用函数名,下面是一个实现参数函数调用的小技术。


<!-用户名;
根据用户名显示欢迎消息
功能你好(_name){
警报(你好,+ _name);
}
创建一个返回非参数函数的函数
功能_hello(_name){
返回函数(){
你好(_name);} }。
window.settimeout(_hello(用户名),3000);






一个功能_hello定义在这里,它是用来接收参数和函数没有参数返回。在这个函数中,外部函数的参数用于内部,这样叫是不需要的。在window.settimeout功能,_hello(用户名)是用来处理函数没有参数的回归,从而实现参数的传递函数。

窗口对象主要有两个定时的方法,基本上是语法的setTimeout和setinteval相同,但完成的功能是不同的。

setTimeout方法是定时程序,这是在做什么的时候,当它结束的时候。

setInterval方法是表明某一个操作的时间间隔重复进行。

设置时间延迟:

它是使用setInterval和设置延时功能settimeout.settimeout非常相似,用于延迟一段时间,然后某个操作。

setTimeout(功能

setInterval(功能

setInterval和setTimeout自动重复,不重复。

ClearTimeout(对象)清除setTimeout对象集

ClearInterval(对象)清除setInterval对象集

如果你使用setTimeout实现setinerval功能,你需要给自己经常在执行程序。如果你想清楚了柜台,你需要调用不同的处理方法,根据不同的方法:

例如:


('northsnow TTTT = setTimeout()',1000);
ClearTimeout(TTTT);


或:


('northsnow TTTT = setInterval()',1000);
ClearInteval(TTTT);


举个例子:







无功intvalue = 1;
VaR Timer2 = null;
功能startshow(){
刘金彩。innerHTML = liujincai.innerhtml ++(intvalue + +)(ToString);
Timer2 = window.settimeout(startshow()
函数停止(){
window.cleartimeout(定时器);
}



或:







无功intvalue = 1;
VaR Timer2 = null;
功能startshow(){
刘金彩。innerHTML = liujincai.innerhtml ++(intvalue + +)(ToString);
}
函数停止(){
window.clearinterval(定时器);
}



以上内容是介绍给你关于Javascript的setInterval和setTimeout的用法,希望对你的学习有帮助setInterval和setTimeout的相关知识。