본문 바로가기
JAVASCRIPT & JQUERY

시간을 지연 시켜주는 함수 setTimeout

by GoodDayDeveloper 2020. 6. 17.
반응형

시간을 지연 시켜주는 함수 setTimeout

 

 

안녕하세요

 

오늘은 자바스크립트 중에서 시간을 지연 시켜주는 함수 setTimeout에 대해 이야기해보겠습니다.

setTimeout이란 특정 코드를 사용자의 의도에 따라 시간을 지연시켜주는 함수라고 말할 수 있습니다. 저 같은 경우에는 페이지 오픈 시에 프린터 화면을 조금 지연 시키는데 사용했습니다.

 

예제를 보시면서 설명을 하겠습니다.

 

1
2
3
4
5
6
7
8
9
<script>
 
     function printAction(){
 
          setTimeout(function() { window.print();    }, 1000);
 
     }
 
</script>
cs

 

 

우선 저는 프린트 출력을 하는 목적이기 때문에 printAction이란 함수를 만들었습니다.

그리고 setTimeout 함수를 선언한 후 호출할 값을 적어준 다음, 뒷부분은 지연시간을 작성합니다.

 

코드를 예를 들어 보면

Window.print(); 는 호출될 값이고,

1000 은 지연시간입니다.

 

여기서 지연시간 10001초를 의미합니다. 50005, 1000010초가 되겠죠?

 

저렇게 작성을 하면 window.print(); 값이 1초 후에 반응을 합니다.

 

 

반응형

댓글