PHP에서 CRUD 기능을 구축하던 중, 동작처리를 요청한 페이지가 호출 완료 된 후 브라우저를 닫지 않았을 경우에 중복으로 호출되는 문제가 발생하였습니다.
단순하게 동작이 완료 된 후에 다른 사이트로 강제 이동시키는 방법으로 뗌질(?)한 경험이 있습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>페이지 자동 리다이렉트 테스트</title>
<style type="text/css">
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
body {
background-color: #fff;
margin: 40px;
font: 13px/20px normal Helvetica, Arial, sans-serif;
color: #4F5155;
}
#body {
margin: 0 15px 0 15px;
}
#container {
margin: 10px;
border: 1px solid #D0D0D0;
box-shadow: 0 0 8px #D0D0D0;
}
</style>
</head>
<body>
<div id="container">
<h1>Redirect Test</h1>
<div id="body">
<p>3초가 지나면 naver 사이트가 열립니다.</p>
</div>
</div>
<script>
// 시간 변수, setTimeout() 함수는 ms(밀리 초 = 1/1000 초)를 사용함
// ex) 3000ms = 3000 * 1/1000 = 3초
var time = 3000;
setTimeout(function(){
// ms시간 후에 진행 될 코드 작성
alert('3초지남');
location.href='https://www.naver.com';
}, time);
</script>
</body>
</html>
'Programming > Javascript' 카테고리의 다른 글
| 버튼 중복 클릭 방지하기 (0) | 2022.02.23 |
|---|