秒表计时器、停止计时

秒表计时器、停止计时

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

下面做一个和讲解一下一个及简陋的秒表计时器,还有停止计时。
在演示之前,先说一下这个秒表计时器是在JavaScript 里的计时器,,在JavaScript里面有两种计时器类型,一种是只会在指定的延迟时间之后触发一次,这种称之为一次性计时器;第二种则是就每隔一段指定的时间触发一次,这种称之为 间隔性触发计时器,而下要演示的这一种就是前者,一次性计时器。

如下图这是,计时器、取消计时器的方法:
方法:
在这里插入图片描述

一个是计时器setTimeout(),一个是取消计时器clearTimeout()。
首先是计时器setTimeout(),在页面载入执行延迟指定时间后,去执行一次表达式,就仅仅执行一次。
页面载入
取消计时器clearTimeout()的语法: setTimeout(代码,延迟时间)
代码就是要调用的函数或要执行的代码串; 延时时间就是在执行代码前需等待的时间,以毫秒为单位,就1000ms,1000ms=1s。
代码如下:
在这里插入图片描述
然后再结合取消计时器clearTimeout()的使用
clearTimeout(参数)
参数说明:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
代码如下:
在这里插入图片描述
页面输出:
在这里插入图片描述
一个简陋的秒表计时器就完成了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值