最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
javascript 秒表计时器实现代码
时间:2017-06-13 编辑:简简单单 来源:一聚教程网
javascript 秒表计时器
实例代码:
代码如下 | 复制代码 |
varoTxt=document.getElementsByTagName("input")[0]; varoStart=document.getElementsByTagName("input")[1]; varoStop=document.getElementsByTagName("input")[2]; varoReset=document.getElementsByTagName("input")[3]; varn= 0, timer=null; //开始计时 oStart.onclick=function() { clearInterval(timer); timer=setInterval(function() { n++; varm=parseInt(n/60); vars=parseInt(n%60); oTxt.value=toDub(m)+":"+toDub(s); },1000/60); }; //暂停并且清空计时器 oStop.onclick=function() { clearInterval(timer); } //重置 oReset.onclick=function() { oTxt.value="00:00"; n=0; } //补零 functiontoDub(n){ returnn<10?"0"+n:""+n; } |
在计时器设置运行间隔那里,一开始设置了100,其实是不对的,因为 1秒=1000毫秒;我们要分成60个数字来显示,所以还是要除以60才对。
相关文章
- 无线网连接提示没有有效的IP配置解决方法 03-08
- javascript实现下雨效果 07-28
- javascript实现圣旨卷轴展开效果(代码分享) 07-20
- JavaScript实现星星等级评价功能 07-14
- javascript实现滑动解锁功能 07-14
- 十大热门的JavaScript框架和库 07-13