-
자바스크립트 - 기초(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
