javascript 秒表計(jì)時(shí)器實(shí)現(xiàn)代碼

發(fā)布時(shí)間：2020-09-14 10:26:24 來源：腳本之家閱讀：247 作者：lqh 欄目：web開發(fā)

javascript 秒表計(jì)時(shí)器

實(shí)例代碼：

<html lang="en">
<head>
<meta charset="UTF-8">
<title>js計(jì)時(shí)器</title>
</head>
<body>
<input type="text" value="00:00">
<input type="button" value="開始">
<input type="button" value="結(jié)束">
<input type="button" value="重置">
<script>

  var oTxt=document.getElementsByTagName("input")[0];
  var oStart=document.getElementsByTagName("input")[1];
  var oStop=document.getElementsByTagName("input")[2];
  var oReset=document.getElementsByTagName("input")[3];
  var n= 0, timer=null;
  //開始計(jì)時(shí)
  oStart.onclick= function () {
    clearInterval(timer);
    timer=setInterval(function () {
      n++;
      var m=parseInt(n/60);
      var s=parseInt(n%60);
      oTxt.value=toDub(m)+":"+toDub(s);
    },1000/60);
  };
  //暫停并且清空計(jì)時(shí)器
  oStop.onclick= function () {
    clearInterval(timer);
  }
  //重置
  oReset.onclick= function () {
    oTxt.value="00:00";
    n=0;
  }
  //補(bǔ)零
  function toDub(n){
    return n<10?"0"+n:""+n;
  }
</script>
</body>
</html>

在計(jì)時(shí)器設(shè)置運(yùn)行間隔那里，一開始設(shè)置了100，其實(shí)是不對的，因?yàn)?1秒=1000毫秒；我們要分成60個(gè)數(shù)字來顯示，所以還是要除以60才對。

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

向AI問一下細(xì)節(jié)

javascript 秒表計(jì)時(shí)器實(shí)現(xiàn)代碼

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽