JavaScript setTimeout()으로 5초 후 웹페이지 자동으로 열기

JavaScript에서 setTimeout() 함수를 사용하면 일정 시간이 지난 후에 웹페이지를 로드할 수 있습니다. 이 함수는 지정된 시간(밀리초 단위)만큼 대기한 뒤, 인자로 전달된 콜백 함수를 실행하는 역할을 합니다.

예를 들어 5초 후에 페이지를 열고 싶다면 5000밀리초를 지정하면 됩니다. 실제 동작은 window.open() 메서드를 통해 새 창으로 원하는 URL을 열어 구현합니다.

기본 문법

setTimeout(콜백함수, 지연시간_밀리초);

예제

아래 코드를 실행하면 5초 후에 자동으로 웹페이지가 열리는 것을 확인할 수 있습니다.

<!DOCTYPE html>
<html>
   <body>
      <script>
         // 5초(5000ms) 후에 myURL 함수 실행
         setTimeout(myURL, 5000);

         function myURL() {
            window.open('https://qries.com');
         }
      </script>
      <p>5초 후에 웹페이지가 열립니다.</p>
   </body>
</html>

코드 설명

setTimeout(myURL, 5000): 5000밀리초, 즉 5초가 지난 후 myURL 함수를 호출합니다.
window.open('URL'): 지정한 주소를 새 창 또는 새 탭으로 엽니다.
현재 페이지를 그대로 유지하면서 다른 페이지를 열고 싶을 때 유용하게 활용됩니다.

참고 사항

새 창 팝업은 브라우저의 팝업 차단 기능에 의해 막힐 수 있으므로, 테스트 시에는 팝업 허용 설정을 확인하는 것이 좋습니다. 또한 현재 탭에서 바로 이동하고 싶다면 window.location.href = 'URL';을 사용하면 됩니다.