介绍
这篇文章主要介绍了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="重置()">重置> 按钮