JavaScript计时器、取消计时器

JavaScript计时器、取消计时器

开发工具与关键技术 ：VS2015、ASP.NET MVC
撰写时间：2019.6.9

下面说一下计时器、取消计时器两种方法。
如下图所示，两种种方法：
方法：

首先是JavaScript 里的计时器 setInterval()，这个计时器的作用是在执行页面载入之后，每隔指定的时间执行代码。
计时器setInterval()的语法是：setInterval(参数1，参数2)
由此可见，计时器setInterval()有两个参数，第一个参数是要执行的代码或者是要调用的方法函数。第二个参数是以毫秒来计算的调用表达式之间的间隔时间，也就是每隔多少毫秒执行一次，也可以称之为交互时间。
下面将演示一下源代码和实现效果：
在演示之前，先说一下JavaScript 里的计时器，在JavaScript里面，我们是在设定的时间间隔之后再来执行要执行的代码，反而不是在函数被调用后就立即执行要执行的代码，在JavaScript里面有两种计时器类型，一种是只会在指定的延迟时间之后触发一次，这种称之为一次性计时器;第二种则是就每隔一段指定的时间触发一次，这种称之为 间隔性触发计时器。
计时器setInterval()：
首先设定时间间隔，再调用方法，每隔 100 毫秒调用 Time() 函数,并显示时间

然获取格式为yyyy-MM-dd HH:MM:SS的当前时间

仔细阅读大概就可以明白了
如下图计时器页面效果：
获取了当前的时间

接下来就是取消计时器clearInterval()。
取消计时器clearInterval()这个方法的作用就是可以取消setInterval() 设置的交互时间。
取消计时器clearInterval()的语法：clearInterval(参数)
取消计时器clearInterval()里的参数就是由 setInterval() 返回的 ID 值。
代码如下图：
HTML：

Script：

页面效果如下图：
点击取消计时器按钮即可停止计时。