JavaScript的计时器

 

（作者：老薛，撰写时间：2019年6月4日）

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

计时器类型：

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

间隔性触发计时器：每隔一定的时间间隔就触发一次。

下面这张截图1是方法与描述：

                                 图1

接下来我说到计时器setInterval()。setInterval()这个方法是在执行时,从载入页面后每隔指定的时间执行代码。语法:setInterval(代码,交互时间)。

参数说明：1. 代码：要调用的函数或要执行的代码串。2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。

然后是返回值：一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。还有一个是调用函数格式(假设有一个clock()函数):

setInterval("clock()",1000)或setInterval(clock,1000)。

获取当前的日期时间 格式“2019-06-05 21:03:41” 也就是我们的下面这张截图2：

                                     图2

然后我们还有一个方法:计时器setTimeout()。这个setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。语法是setTimeout(代码,延迟时间)。参数说明也是跟计时器setInterval()一样的。也就是下面图3：

                                      图3

接下来也就是取消计时器clearInterval()。clearInterval() 方法可取消由 setInterval() 设置的交互时间。语法：clearInterval(id_of_setInterval)。而参数说明：1.id_of_setInterval：由 setInterval() 返回的 ID 值。

2.每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时取消定时。

这样我就完成了。