你的位置:首页 > 软件开发 > Java > JavaScript原生秒表、计时器

JavaScript原生秒表、计时器

发布时间:2015-10-12 22:00:08
可以开始、暂停、清除。效果图: 下面贴代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title ...

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>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

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

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。