반응형
시간을 지연 시켜주는 함수 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 은 지연시간입니다.
여기서 지연시간 1000은 1초를 의미합니다. 5000은 5초, 10000은 10초가 되겠죠?
저렇게 작성을 하면 window.print(); 값이 1초 후에 반응을 합니다.
반응형
'JAVASCRIPT & JQUERY' 카테고리의 다른 글
[HTML&JQUERY] 연락처 숫자만 입력하는 방법 & 유효성 검사 (0) | 2020.09.17 |
---|---|
[JQuery] 여러 체크박스 클릭 시, 하나만 선택하는 방법 (0) | 2020.09.15 |
제어쿼리 Form Action 값 변경 (3) | 2020.06.12 |
[HTML] HTML 개념 정리 (0) | 2020.04.13 |
[HTML&JQUERY & SPRING] 버튼 클릭 시, 숫자 증감/감소 기능 (0) | 2020.02.28 |
댓글
Life-Journey님의
글이 좋았다면 응원을 보내주세요!
이 글이 도움이 됐다면, 응원 댓글을 써보세요. 블로거에게 지급되는 응원금은 새로운 창작의 큰 힘이 됩니다.
응원 댓글은 만 14세 이상 카카오계정 이용자라면 누구나 편하게 작성, 결제할 수 있습니다.
글 본문, 댓글 목록 등을 통해 응원한 팬과 응원 댓글, 응원금을 강조해 보여줍니다.
응원금은 앱에서는 인앱결제, 웹에서는 카카오페이 및 신용카드로 결제할 수 있습니다.