[javascript/jquery] clearInterval() 사용법 및 예제

[javascript/jquery] clearInterval() 사용법 및 예제

 

 

프로젝트를 하다보면,

 

일정시간 후 페이지를 함수를 종료하는 코드를 사용해야 될때가 있습니다.

 

그때 사용할수 있는 샘플 코드를 올려봅니다!

 

그냥 가져가 쓰셔도 되구요!

 

입맛에 맛게 수정하시면 더 좋겠죠!

var timer = 0;
$(document).ready(function() {
    timer = setInterval("calc_time()", 1000);    
});

var sec = 0;
function calc_time(){
    sec += 1;
    if( sec >= 60 ) {
        clearInterval(timer);
        return;
    }
}

위 소스 보시면 아시겠지만,

 

페이지가 뜬 후에 setInterval 함수를 이용하요 1초마다 calc_time 라는 함수를 호출합니다.

 

이 타이머 내용을 timer 라는 변수에 저장하구요.

 

calc_time 함수는 호출당할때 마다 sec 라는 변수를 1초씩 증가시키고,

 

증가시킨 후에 sec 가 60이상이 되면

 

clearInterval 로 timer 변수를 초기화 합니다.

 

이러면 타이머가 종료되는거죠!

 

참고들하세요!