javascript定时器的实例分析

1。什么是Javascript定时器

在Javascript中,我们可以在设置的时间间隔之后执行代码,而不是在函数被调用之后立即执行。

2。定时器类型

一次性计时器:在指定的延迟时间后仅触发一次。

间隔触发定时器:每隔一段时间间隔触发一次。

三.定时器的方法

1):一次性计时器

一):setTimeout():指定的延迟时间后,执行代码并执行它一次

语法:setTimeout(代码,延迟时间);

参数描述:

1。要调用的函数或要执行的字符串。

2。时间:时间在代码的执行等,在毫秒(1秒=1000ms)。

B):清除定时器():取消setTimeout()设置

语法:清除定时器(定时器)

参数描述:

计时器:通过setTimeout返回的ID值()。这个值确定延迟执行的代码块被取消。

调用setTimeout()和()()清除定时器延时方法:

复制代码代码如下所示:









Javascript定时器













定义打印方法

函数打印()

{

console.log(我打印!;

}

var计时器;对要取消的代码块标识符的延迟执行的值

打印

startprint()函数

{

定时器= setTimeout(打印,1000); / /呼叫延时定时器,第二印刷,只执行一次

}

结束打印

stopprint()函数

{

ClearTimeout(定时器); / /取消计时器

}









调用setTimeout()和()清除定时器无限循环的方法:

复制代码代码如下所示:









Javascript定时器













定义打印方法

函数打印()

{

console.log(我打印!;

定时器= setTimeout(打印,1000); / /启动定时器,自称是无限循环

}

var定时器;这个值表示取消执行延迟的代码块。

打印

startprint()函数

{

(打印);调用打印方法

}

结束打印

stopprint()函数

{

ClearTimeout(定时器); / /取消计时器

}











2)间隔触发定时器

一):setInterval():在执行代码在每个指定的时间后执行加载页面

语法:setInterval(代码,互动时间);

参数描述:

1。代码:要调用的函数或要执行的一系列代码。

2。互动时间:周期性执行或调用表达式之间的间隔时间,以毫秒(1秒=1000ms)。

返回值:

一个可以通过CSS样式值()取消码周期执行。

调用函数格式(假设有一个时钟()函数):

setInterval(时钟()

B):clearInterval()方法可以取消设置的时间交互setInterval()

语法:clearInterval(定时器)

参数描述:

计时器:通过setInterval返回的ID值()。

调用的执行时间执行方法setInterval()和()这样的实例

复制代码代码如下所示:









Javascript定时器













定义打印方法

函数打印()

{

console.log(我打印!;

}

var定时器;标识值来取消定时器代码执行块

打印

startprint()函数

{

定时器= setInterval(打印()

}

结束打印

stopprint()函数

{

ClearInterval(定时器); / /取消计时器;

}









以上是本文所描述的全部内容,希望合作伙伴能喜欢。