秒表计时器、停止计时
开发工具与关键技术 :VS2015、ASP.NET MVC
撰写时间:2019.6.5
下面做一个和讲解一下一个及简陋的秒表计时器,还有停止计时。
在演示之前,先说一下这个秒表计时器是在JavaScript 里的计时器,,在JavaScript里面有两种计时器类型,一种是只会在指定的延迟时间之后触发一次,这种称之为一次性计时器;第二种则是就每隔一段指定的时间触发一次,这种称之为 间隔性触发计时器,而下要演示的这一种就是前者,一次性计时器。
如下图这是,计时器、取消计时器的方法:
方法:
一个是计时器setTimeout(),一个是取消计时器clearTimeout()。
首先是计时器setTimeout(),在页面载入执行延迟指定时间后,去执行一次表达式,就仅仅执行一次。
页面载入
取消计时器clearTimeout()的语法: setTimeout(代码,延迟时间)
代码就是要调用的函数或要执行的代码串; 延时时间就是在执行代码前需等待的时间,以毫秒为单位,就1000ms,1000ms=1s。
代码如下:
然后再结合取消计时器clearTimeout()的使用
clearTimeout(参数)
参数说明:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
代码如下:
页面输出:
一个简陋的秒表计时器就完成了。