[javascript] 자바스크립트 simple stop watch 예제

[javascript] 자바스크립트 simple stop watch 예제

var timer_stop_flag = true; // 타이머 정지 변수
var my_timer; // 타이머 변수

// start timer function
function start() {
      if( timer_stop_flag ) {
        startTime = new Date().getTime();
        my_timer = setInterval("calc_time()",1); // 1/1000 초 단위로 계산 이부분을 수정하면 얼마든지 초단위, 1/10초단위 다 구현이 가능하다.
          timer_stop_flag = false;
    }
}

// stop timer function
function stop() {
    clearInterval(my_timer); // 타이머 변수 초기화
    timer_stop_flag = true; // 타이머 정지 변수값 변경
}

// 시간 계간 및 출력 함수
function calc_time() { //
    if( !timer_stop_flag ) {
        var now_time = new Date().getTime();
        var gap_time = now_time - startTime;
        $("#timer_text").html(gap_time/1000);
    }
}

// 초기화 (reset) 함수
function reset() {
       timer_stop_flag = true;
       clearInterval(my_timer);
      $("#timer_text").html("0.000");
}

위 소스 그대로 버튼과 텍스트 표시 영역만 추가하여 만들었습니다!
테스트 해보세요~

0.000