아무 액션 없을 때 자동 로그 아웃 처리하기

안녕하세요...

미니님a입니다.

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

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

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

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

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

[code]

<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>

[/code]

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

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

[code]

// 자동 로그아웃 타이머 (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);

[/code]

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

그럼 해당 시간은 실시간으로 타이머가 보이면서, 정해진 시간이 흐르면 자동 로그아웃 처리가 됩니다.

고맙습니다.