쩡스토리

[JAVASCRIPT] 자바스크립트 타이머 함수 (세션 만료/setInterval, clearTimeout ) 본문

IT/JAVASCRIPT

[JAVASCRIPT] 자바스크립트 타이머 함수 (세션 만료/setInterval, clearTimeout )

정Aa 2020. 7. 20. 16:11

자바스크립트 일정시간 후 함수 실행

 

 1. setInterval() 

setInterval() 함수는 일정한 시간 간격으로 코드를 반복 실행하는 함수입니다. 

 

[변수] = setInterval([함수명], [함수가 실행될 시간]);

  

 

 2. clearTimeout() 

setInterval() 함수가 호출 되지 않도록 해주는 함수입니다.

 

clearTimout([변수]);

 

 

예제

$(document).ready(function() {
    fnCheckSession();
});

Lpad = function(str, len) {
    str = str + "";
    while (str.length < len){
         str = "0" + str;
    }
    return str;
}

var sessionTime = 1800;    //30분
var objCheckSession;

function fnCheckSession() {
    var remainMinute, remainSecond, remainMinSec;
    sessionTime = sessionTime - 1;    //초단위
    remainMinute = parseInt((sessionTime / 60) % 60);    //남은 분
    remainSecond = parseInt(sessionTime % 60);    //남은 초
    

    if ( sessionTime > 0 ) {
        objCheckSession = setInterval(fnCheckSession, 1000);
        remainMinSec = " 00:"+Lpad(remainMinute, 2) + ":" + Lpad(remainSecond, 2);
    }else{
        clearTimeout(objCheckSession);
    }

}

 

반응형
Comments