728x90
반응형
[JavaScript & jQuery] 움직임, 입력이 없을 시 자동 새로고침&경로이동 하는 방법 !!
특정 행동이 없이 가만히 있을 때 새로고침이나 경로 이동하게 하는 방법 입니다 :)
예제코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="input" value="" placeholder="글을 입력해주세요.">
</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
let idleTime = 0;
$(document).ready(function () {
// 1분마다 일정시간 움직임이 있으면 초기화
let idleInterval = setInterval(timerIncrement, 60000);
$(this).mousemove(function (e) { idleTime = 0; });
$(this).keypress(function (e) { idleTime = 0; });
});
function timerIncrement() {
idleTime = idleTime + 1;
// 20분이상 움직임이 없으면 새로고침 & 경로이동
if (idleTime > 19) {
window.location.reload();
// window.location.href = "https://www.naver.com/";
}
}
</script>결과값
지속적인 새로고침으로 결과값 제거하였습니다.
728x90
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립를 활용하여 input 태그안에 value 넣는 방법 !! (0) | 2023.07.11 |
|---|---|
| [JavaScript] 자바스크립와 CSS로 글자 입력효과 내는 방법 !! (0) | 2023.06.18 |
| [JavaScript] 자바스크립트로 input창 엔터로 적용하는 방법 !! (0) | 2023.06.10 |
| [JavaScript & jQuery] 제이쿼리 사용하여 input 텍스트 박스 placeholder 변경하는 방법 !! (0) | 2023.06.09 |
| [JavaScript & jQuery] html에서 이미지 변경 시 사라졌다 나타나는 효과(fadeIn & fadeOut) (0) | 2023.06.08 |
댓글