星空网 > 软件开发 > Java

JavaScript原生秒表、计时器

可以开始、暂停、清除。

效果图:

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>

  




原标题:JavaScript原生秒表、计时器

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流