一次性计时器和间隔性计时器的实现

开发工具与关键技术：Visual Studio JavaScript   作者：Li Mingrun   撰写时间：2019年5月5日

胜负输赢是需要在这时间段来完成的。那么谁完成的时间快的就可以获得胜利，那就要通过
记录时间来判断输赢了，这就涉及到计时的问题，一天24小时也涉及计时的问题。
在现实可以通过手表，时钟，手机，电脑等来计时，但是手机和电脑中的软件计时是通过什么
来实现的呢。
是编程语言。
很多编程语言的可以实现计时的效果，我们就说一下JavaScript中的计时。
在JavaScript中，我们可以通过在设定的时间间隔之后来执行代码，而不是在函数被调用后就立刻
执行代码。
JavaScript中的计时器类型大概有两种：
（1）：一次性计时器：仅仅在指定的延迟时间间隔后触发一次。仅仅执行一次。
设置和取消一次性计时器的方法

方法	描述
setTimeout()	指定的延迟时间之后来执行代码
clearTimeout()	取消setTimeout的设置

（2）：间隔性计时器：每隔一定的时间间隔就触发一次。
设置和取消间隔计时器的方法

方法	描述
setInterval()	在每隔指定的时间执行代码
clearTimeout()	取消setInterval的设置

HTML代码：

一次性计时器的设置和取消：
计时器setTimeout()
setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
语法:
setTimeout(代码,延迟时间);
参数说明：
1. 要调用的函数或要执行的代码串。
2. 延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。

取消计时器clearTimeout()
setTimeout()和clearTimeout()一起使用，停止计时器。
语法:
clearTimeout(id_of_setTimeout)
参数说明:
id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

解析：点击sayHello按钮3秒后提示hello

间隔性计时器的设置和取消：
计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。
语法:setInterval(代码,交互时间);
参数说明：
1. 代码：要调用的函数或要执行的代码串。
2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。
返回值:
一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。
调用函数格式(假设有一个clock()函数):
setInterval(“clock()”,1000) 或 setInterval(clock,1000)

取消计时器clearInterval()
learInterval() 方法可取消由 setInterval() 设置的交互时间。
语法：clearInterval(id_of_setInterval)
参数说明:
id_of_setInterval：由 setInterval() 返回的 ID 值。
每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时取消定时

可开始和停止的计时：