js如何实现秒表计时器功能

  介绍

这篇文章主要介绍了js如何实现秒表计时器功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

效果图:

,  js如何实现秒表计时器功能

下面贴代码:

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   ,& lt; meta  charset=癠TF-8"比;   ,& lt; title>计时器& lt;/title>   ,& lt; script>   var 才能,小时,分钟,秒;//时,分,秒   小时才能=分钟=第二=0;//初始化   var 才能;毫秒=0;//毫秒   var 才能,int;   function 才能重置()//重置   {才能   ,,window.clearInterval (int);   ,,毫秒=小时=分钟=第二=0;   ,,. getelementbyid (& # 39; timetext& # 39;) value=https://www.yisu.com/zixun/' 00时00分00秒000毫秒”;   }      开始()函数//开始   {   int=setInterval(计时器,50);   }      计时器()函数//计时   {   毫秒=50毫秒+;   如果(毫秒>=1000)   {   毫秒=0;   第二=第二+ 1;   }   如果(第二>=60)   {   第二个=0;   分钟=时间+ 1;   }      如果(60分钟>=)   {   分钟=0;   小时=时间+ 1;   }   . getelementbyid (timetext) value=时间+‘时’+分钟+‘分’+第二+“秒”+毫秒+“毫秒”;      }      停止()函数//暂停   {   window.clearInterval (int);   }>   
  
  <按钮type="按钮" onclick="开始()">开始 <按钮type="按钮" onclick="停止()”>暂停按钮 <按钮type="按钮" onclick="重置()">重置>      

感谢你能够认真阅读完这篇文章,希望小编分享的“js如何实现秒表计时器功能”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

js如何实现秒表计时器功能