반응형
시간을 지연 시켜주는 함수 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 |
댓글