欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript 秒表計時器實現(xiàn)代碼

 更新時間：2017年03月09日 11:31:51   投稿：lqh  
這篇文章主要介紹了javascript 秒表計時器實現(xiàn)代碼的相關資料,需要的朋友可以參考下

javascript 秒表計時器

實例代碼：

<html lang="en">
<head>
<meta charset="UTF-8">
<title>js計時器</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;
  //開始計時
  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);
  };
  //暫停并且清空計時器
  oStop.onclick= function () {
    clearInterval(timer);
  }
  //重置
  oReset.onclick= function () {
    oTxt.value="00:00";
    n=0;
  }
  //補零
  function toDub(n){
    return n<10?"0"+n:""+n;
  }
</script>
</body>
</html>

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

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

相關文章

最新評論