js制作秒表计时器代码
js制作秒表计时器教程,js制作秒表计时器代码怎么写教程如下:
js实现代码:
var t=[0, 0, 0, 0, 0, 0, 0, 1];
var firstsplitflag = 0;
var splittime;
function stopstart() {
t[t[2]]=(new Date()).valueOf();
t[2]=1-t[2];
if (0==t[2]) {
clearInterval(t[4]);
t[3]+=t[1]-t[0];
document.getElementById("startstopbutton").value="开始";
document.getElementById('split').innerHTML+=
(t[7]++)+' 停止: '+format(t[1]-t[0])+'<br />';
t[4]=t[1]=t[0]=0;
disp();
firstsplitflag = 0;
} else {
document.getElementById("startstopbutton").value="停止";
t[4]=setInterval(disp, 43);
}
}
function dosplit(){
if(0!==t[2])
{
document.getElementById('split').innerHTML+=
(t[7]++)+' 分割: '+format(t[1]-t[0])+'<br>';
}
}
function reset_it() {
if (t[2]) stopstart();
t[4]=t[3]=t[2]=t[1]=t[0]=0;
disp();
document.getElementById('split').innerHTML='';
t[7]=1;
}
function disp() {
if (t[2]) t[1]=(new Date()).valueOf();
t[6].value=format(t[3]+t[1]-t[0]);
}
function format(ms) {
var d=new Date(ms+t[5]).toString()
.replace(/.*([0-9][0-9]:[0-9][0-9]:[0-9][0-9]).*/, '$1');
var x=String(ms%1000);
while (x.length<3) x='0'+x;
d+='.'+x;
return d;
}
function load() {
t[5]=new Date(1970, 1, 1, 0, 0, 0, 0).valueOf();
t[6]=document.getElementById('disp');
disp();
}
load();
显示效果:秒表计时器
参考文章:http://tishang.net/articles/1685453341.html