原生js实现秒表计时器功能

2019-11-19 17:33:15

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了带有开始、暂停、清除功能的js计时器，供大家参考，具体内容如下

效果图：

下面贴代码：

<!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 style="text-align: center">  <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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：浅谈$_FILES数组为空的原因

下一篇：js 将input框中的输入自动转化成半角大写（税号输入框）