html计时器重置的代码,javascript 秒表计时器实现代码

javascript 秒表计时器

实例代码：

js计时器

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.οnclick= 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.οnclick= function () {

clearInterval(timer);

}

//重置

oReset.οnclick= function () {

oTxt.value="00:00";

n=0;

}

//补零

function toDub(n){

return n<10?"0"+n:""+n;

}

在计时器设置运行间隔那里，一开始设置了100，其实是不对的，因为 1秒=1000毫秒；我们要分成60个数字来显示，所以还是要除以60才对。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！