你的位置:首页 > Java教程

[Java教程]JavaScript原生秒表、计时器


可以开始、暂停、清除。

效果图:

 

下面贴代码:

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>计时器</title>  <script>    var hour,minute,second;//时 分 秒    hour=minute=second=0;//初始化    var millisecond=0;//毫秒    var int;    function Reset()//重置    {      window.clearInterval(int);      millisecond=hour=minute=second=0;      document.getElementById('timetext').value='00时00分00秒000毫秒';    }    function start()//开始    {      int=setInterval(timer,50);    }    function timer()//计时    {      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=hour+'时'+minute+'分'+second+'秒'+millisecond+'毫秒';    }    function stop()//暂停    {      window.clearInterval(int);    }  </script></head><body><div >  <input type="text" id="timetext" value="00时00分00秒" readonly><br>  <button type="button" onclick="start()">开始</button> <button type="button" onclick="stop()">暂停</button> <button type="button" onclick="Reset()">重置</button></div></body></html>