10분 동안 아무 반응 없다면 자동 로그아웃 시키기!

팁과노하우

2025.10.02 10:20

10분 동안 아무 반응 없다면 자동 로그아웃 시키기!

미니님a미니홈 1:1 대화하기 9일 전 2025.10.02 10:20
48

2

안녕하세요...

미니님a입니다.

은행권 같은 곳에 로그인 하면 10분간 아무런 액션이 없으면, 자동 로그아웃 되는 기능과 동일한 팁이라 보시면 됩니다.

당연히 다른 메뉴를 이용하면 그 시간은 초기화 가 됩니다.

설정은 10분이긴 하나, 사용하시는 분에 입맛에 맞게 변경 하시면 됩니다.

사용하시는 로그인 스킨/outlogin.skin.2.php 파일을 열어주세요

적당한 위치에 아래 코드를 작성합니다.

<li style="color: #ff0000; font-weight: bold; margin: 10px 0; font-size: 14px; text-align:center;">
            <div id="auto_logout_timer">
                자동 로그아웃: <span id="timer_display">1:00</span>
            </div>
        </li>

예제로 사용된 스킨은 기본 베이직 스킨이라 li 요소에 넣었습니다. 스크린샷은 아래를 참고 하세요

그리고 하단에 스크립트 닫기 태그 위에 아래 코드를 넣어주시면 됩니다.

 
// 자동 로그아웃 타이머 (1분 = 60초)
function autoLogoutTimer(url) {
    var timeLeft = 600; // 600초 (10분)
    var timerDisplay = document.getElementById('timer_display');
   
    function updateTimer() {
        var minutes = Math.floor(timeLeft / 60);
        var seconds = timeLeft % 60;
       
        // 초를 2자리로 표시 (예: 09, 08, 07...)
        timerDisplay.textContent = minutes + ':' + (seconds < 10 ? '0' : '') + seconds;
       
        if (timeLeft <= 0) {
            // 타이머가 0이 되면 자동 로그아웃
            location.href = url;
        } else {
            timeLeft--;
        }
    }
   
    // 초기 표시
    updateTimer();
   
    // 1초마다 타이머 업데이트
    setInterval(updateTimer, 1000);
}
 
// 실행
const logoutUrl = "<?php echo G5_BBS_URL ?>/logout.php?url=<?php echo $urlencode ?>"
autoLogoutTimer(logoutUrl);

마찬가지로 스크린샷 참고 하시면 됩니다.