javascript 秒表计时器
实例代码:
<html lang="en"> <head> <meta charset="UTF-8"> <title>js计时器</title> </head> <body> <input type="text" value="00:00"> <input type="button" value="开始"> <input type="button" value="结束"> <input type="button" value="重置"> <script> var oTxt=document.getElementsByTagName("input")[0]; var oStart=document.getElementsByTagName("input")[1]; var oStop=document.getElementsByTagName("input")[2]; var oReset=document.getElementsByTagName("input")[3]; var n= 0, timer=null; //开始计时 oStart.onclick= function () { clearInterval(timer); timer=setInterval(function () { n++; var m=parseInt(n/60); var s=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; } //补零 function toDub(n){ return n<10?"0"+n:""+n; } </script> </body> </html>
在计时器设置运行间隔那里,一开始设置了100,其实是不对的,因为 1秒=1000毫秒;我们要分成60个数字来显示,所以还是要除以60才对。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
- JS 页面计时器示例代码
- Node.js中使用计时器定时执行函数详解
- 原生js实现秒表计时器功能
- javascript实现计时器的简单方法
- JavaScript分秒倒计时器实现方法
- javascript设计简单的秒表计时器
- javascript计时器事件使用详解
- VB倒计时器和JS当前时间
- js编写简单的计时器功能
- js实现通过开始结束控制的计时器