JavaScript 简易的秒表计时器

实现一个简易的秒表计时器，要求点击开始按钮进行计时，点击停止按钮暂停即使，再次点击开始按钮会继续计时。

最近面试第二次遇到这个题了，第一次是快手的一面面试题，当时面试官让我用 Vue 写，磕磕绊绊写出来了，面试完也没想仔细看看代码优化一下，结果今天招商银行的笔试又遇到这道题了，所以决定好好整理一下。

<input id="counter" type="text" readonly>
<button onclick="start()">开始</button>
<button onclick="stop()">停止</button><script>let step = 0;let intervalId = null;function count() {document.getElementById('counter').value = step;step = step + 1;}function start() {if (intervalId===null) {    //没有定时器时再执行count();intervalId = setInterval(count, 1000);}}function stop() {clearInterval(intervalId);intervalId = null;    //clearInterval之后需要将intervalId=null}
</script>

JavaScript 简易的秒表计时器相关推荐

html计时器重置的代码,javascript 秒表计时器实现代码
javascript 秒表计时器实例代码: js计时器 var oTxt=document.getElementsByTagName("input")[0]; var oStar ...
html计时器重置,使用JavaScript实现网页秒表功能（含开始、暂停、继续、重置功能）...
效果图展示,感觉不错可以参考实例代码. 具体代码如下所示: Document 00:00:00:00 开始暂停继续重置 //定义一个变量,根据定时器每秒执行一次,每次执行++自增操作,变量存储的 ...
Android我自己的简易（秒表）计时器Chronometer
Android我自己的简易(秒表)计时器Chronometer 就是一个简单的计时器布局文件:activity_main.xml <LinearLayout xmlns:android=&qu ...
html5script计时器,javascript实现秒表计时器的制作方法
本文实例为大家分享了js秒表计时器的制作代码,供大家参考,具体内容如下具体代码: Document div{margin-top:40px;margin-left:25px;margin-botto ...
单片机 c语言怎么写一个简易秒表?用一个键盘按键开始暂停的,51单片机秒表计时器课程设计报告(含C语言程序)...
任务书 1.任务设计一个秒表计时器,在51单片机的控制作用下,采用4个LED数码管显示时间,计时范围设置为00.0~60.0秒,即精确到0.1秒,用按键控制秒表的"开始".&qu ...
html暂停计时器,JS实现可暂停秒表计时器效果的方法
JS实现可暂停秒表计时器效果的方法发布时间:2020-10-22 14:35:00 来源:亿速云阅读:122 作者:小新这篇文章给大家分享的是有关JS实现可暂停秒表计时器效果的方法的内容.小编觉 ...
php秒表计时器,JS实现可暂停秒表计时器的效果（图文详解）
JavaScript是前端开发中必不可少的一部分,很多效果的实现离不开JS,正在学习JavaScript的小伙伴,你会用JS制作秒表计时器吗?这篇文章就和大家如何用JS实现秒表计时器的效果,并且点击按 ...
秒表计时器、停止计时
秒表计时器.停止计时开发工具与关键技术 :VS2015.ASP.NET MVC 撰写时间:2019.6.5 下面做一个和讲解一下一个及简陋的秒表计时器,还有停止计时. 在演示之前,先说一下这个秒表计 ...
如何使用html实现在线秒表,使用JavaScript实现网页秒表功能（含开始、暂停、继续、重置功能）...
效果图展示,感觉不错可以参考实例代码. 具体代码如下所示: Document 00:00:00:00 开始暂停继续重置 //定义一个变量,根据定时器每秒执行一次,每次执行++自增操作,变量存储的 ...

JavaScript 简易的秒表计时器

JavaScript 简易的秒表计时器相关推荐

最新文章

热门文章