<inputtype="text"id="timetext"value="00:00:00"readonly>

<buttontype="button"onclick="start()">开始</button>

<buttontype="button"onclick="stop()">暂停</button>

<buttontype="button"onclick="Reset()">重置</button>

Script

<script>

varhour,minute,second;//时分秒

hour=minute=second=0;//初始化

varmillisecond=0;//毫秒

varint;

functionReset()//重置

{

window.clearInterval(int);

millisecond=hour=minute=second=0;

document.getElementById('timetext').value='00:00:00:000';

}

functionstart()//开始

{

int=setInterval(timer,50);

}

functiontimer()//计时

{

millisecond=millisecond+50;

if(millisecond>=1000)

{

millisecond=0;

second=second+1;

}

if(second>=60)

{

second=0;

minute=minute+1;

}

if(minute>=60)

{

minute=0;

hour=hour+1;

}

document.getElementById('timetext').value=toDub(hour)+':'+toDub(minute)+':'+toDub(second);

}

functionstop()//暂停

{

window.clearInterval(int);

}

//补零

functiontoDub(n){

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

}

</script>