[javascript/jquery] javascript count down timer example / 자바스크립트 카운트 다운 타이머 예제

[javascript/jquery] javascript count down timer example / 자바스크립트 카운트 다운 타이머 예제

 

 

javascript 에서

 

타이머를 구현하다보면

 

인증번호 발송과 같이 3분 혹은 5분안에 입력하게 

 

구현을 하는 경우가 있습니다.

 

그럴때 타이머를 만들어서 구현해야 하는데요,

 

아래와 같이 스크립트를 만들어서 사용하시면 됩니다!

 

var seconds = 300;
function count_down_timer() {
    var min = parseInt((seconds)/60);
    var sec = seconds%60;

    $("#id_span_timer").html(min+":" + sec);

    seconds--;
}

 

위 내용처럼 시작을 300초 (5분) 으로 설정하고

 

setInterval(count_down_timer,1000);

 

위와 같이 interval 을 이용하여

 

1초마다 위 함수가 호출되도록 하면 됩니다!

 

참고들 하세요!