-
자바스크립트 - 기초(3) / 타이머 함수프로그래밍/JavaScript 자바스크립트 2021. 9. 26.반응형
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="icon" href="data:;base64,iVBORw0KGgo="> <script type="text/javascript"> document.write("<h3>타이머 함수 예제</h3>"); function sub() { document.write("<p>자바 스크립트</p>"); } setTimeout("alert('환영합니다. !!!');", 3000); // 3초후에 한번 실행 setInterval("sub();", 2000); // 2초에 한번씩 무한 반복 </script> </head> <body> </body> </html>- document.write() = HTML 문서내에 괄호 안의 내용을 쓰겠다는 의미
- setTimeout(실행할 내용 ,몇초후에 실행할건지)
- setInterval(반복할 내용 ,몇초마다 반복 할 건지)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="icon" href="data:;base64,iVBORw0KGgo="> <script type="text/javascript"> var n = 0; function sub() { n++; document.write("<p>숫자 : " + n + "</p>"); } var timer = setInterval("sub();", 1000); // 1초에 한번씩 무한 반복 setTimeout(function(){ clearInterval(timer); // 타이머 종료 }, 10000); // 10초 후 한번 실행 </script> </head> <body> <h3>타이머 - 타이머 종료</h3> </body> </html>setInterval로 무한 반복이 잡혀있는 코드에서 이걸 일정 시간 뒤에 멈추고 싶다면
clearInterval을 사용해야 한다.
clearInterval = setInterval을 취소
setTimeout = 일정 시간 뒤에 원하는 내용 실행
이 두가지를 합쳐서 반복 스케쥴을 끝낼 수 있다.
반응형'프로그래밍 > JavaScript 자바스크립트' 카테고리의 다른 글
자바스크립트 - 문자열 활용 (0) 2021.09.27 자바스크립트 - 함수 만들기 (0) 2021.09.27 자바스크립트 - 반복문, if문, prompt, confirm (0) 2021.09.27 자바스크립트 - 기초(2) / 인코딩과 디코딩 (0) 2021.09.26 자바스크립트 - 기초(1) (0) 2021.09.26
