<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>타이머</title>
<script>
/*
타이머 함수
- setTimeout(실행할함수, 시간): 한번 실행(주어진 시간이 되면 '실행할함수'를 호출)
- setInterval(실행할함수, 시간): 지속적으로 실행(주어진 '시간'이 될 때마다 지속적으로 '실행할 함수'를 호출)
타이머 종료
- clearTimeout(타이머_id): setTimeout()함수로 설정한 타이머를 제거
- clearInterval(타이머_id): setInterval()함수로 설정한 타이머를 제거
*/
// 문제) 2초 후에 '안녕!!' 이라는 메시지 띄우기
/*
document.addEventListener("DOMContentLoaded",function(){
setTimeout(function(){
alert("안녕!!");
}, 2000) //1초 = 1000
}); //end of addEventListener
*/
// 문제2) 1초 마다 실행되면서 카운트하기
document.addEventListener("DOMContentLoaded",function(){
let count = 1; //몇 번 실행했는지 확인하기
setInterval(function(){
document.write(`1초마다 호출됨, 현재 ${count}번째 실행됨.<br>`);
count++; //카운트 증가 count=count+1;
}, 1000)
}); //end of addEventListener
</script>
</head>
<body>
</body>
</html>
개린이입니다...