javascript定时器的详细说明和实例

设置时间延迟:
它是使用setInterval和设置延时功能settimeout.settimeout非常相似,用于延迟一段时间,然后某个操作。
setTimeout(功能
setInterval(功能
setInterval和setTimeout自动重复,不重复。
ClearTimeout(对象)清除setTimeout对象集
ClearInterval(对象)清除setInterval对象集
使用计时器实现或重复Javascript的执行
窗口对象提供了两种方式实现定时器的作用,这是window.settimeout()和window.setinterval.the前允许代码运行指定的时间后;后者可以一段代码在指定的时间运行一次。他们的原型如下:
Window.setTimeout(表达毫秒);
Window.setInterval(表达毫秒);
其中,表达可用于引用的一段代码,也可以是一个函数的名字,在指定的时间,系统会自动调用该函数,当使用函数名作为呼叫处理,不与任何参数;和一个字符串的使用,你可以写参数传递的。这两种方法的第二个参数是毫秒,它代表毫秒延迟或重复数。以下两种方法分别进行了介绍。
1.window.settimeout方法
此方法可以延迟函数的执行,例如:
复制代码代码如下所示:

<!——
函数hello(){
警报(hello);
}
Window.setTimeout(你好,5000);



此代码将打开页面5秒显示对话框hello。最后一句也可以写成:
复制代码代码如下所示:
window.settimeout(你好()

读者可以了解他们之间的分歧,在window.setinterval方法具有相同的性质。
如果我们取消执行的最后期限前达成,我们可以用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(功能
取消执行时间
window.clearinterval(ID);

上面的代码是用来显示如何取消定时执行。事实上,很多时候需要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;
}



7.4.3通过参数的定时呼叫
无论window.settimeout或window.setinterval,你不能使用函数名作为参数调用处理。在许多情况下,你需要带参数,这就需要解决方案。例如,对于功能你好(_name),它是用来为用户名称显示欢迎信息:
复制代码代码如下所示:
var;
根据用户名显示欢迎消息
功能你好(_name){
警报(你好,+ _name);
}

此时,如果尝试以下语句,将延迟执行hello函数3秒是不可行的:
复制代码代码如下所示:
Window.setTimeout(你好(用户名),3000);

这会使你好功能立即执行并通过返回值为呼叫处理的setTimeout函数,这不是计划的结果。在一个字符串的形式,可以达到预期的结果:
复制代码代码如下所示:
window.settimeout(你好(用户名)

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

<!——
var;
根据用户名显示欢迎消息
功能你好(_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(定时器);
}