javascript 스톱워치 타이머 구현 코드

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="  ">
<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 개의 숫자 로 나 누 어 표시 해 야 하기 때문에 60 을 나 누 어야 한다.
읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기