아무 액션 없을 때 자동 로그 아웃 처리하기 정보
아무 액션 없을 때 자동 로그 아웃 처리하기
본문
안녕하세요...
미니님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);
마찬가지로 스크린샷 참고 하시면 됩니다.
그럼 해당 시간은 실시간으로 타이머가 보이면서, 정해진 시간이 흐르면 자동 로그아웃 처리가 됩니다.
고맙습니다.
추천
4
4
댓글 3개
감사합니다
제가 요즘하고 있는 작업이 로그인 관련 작업인데 비슷한 작업을 하니 동지애가 느껴지네요 ㅎㅎㅎ
한달즈음 작업하고 있는데 이제 겨우 뼈대 잡아서 징글 징글 합니다
마우스 이벤트, 휠, 키보드 이벤트, 터치 이벤트등이 있는지 확인 하는 코드와
섞어서 쓰면 좋을거 같습니다
감사합니다 ^^
