[JavaScript] setInterval, clearInterval로 카운트다운 만들기

자바스크립트의 setInterval/clearInterval 활용

하지만 이렇게 만든 카운트다운은 실제 시간과 비교한다면 아마 미세한 차이가 있을 것으로 예상된다.

5부터 시작하려면 cityCat에 1을 뺀 4를 넣으면 된다.

clearInterval(repeat)을 빼도 정상적으로 작동되는 것처럼 보이지만, 

실제로는 1초에 한번씩 계속 실행되면서 "종료"가 찍히는 것이다.

HTML/JavaScript 코드

<div id="div1"></div>

<script>

var cityCat = 4;

function countDown() {

if (cityCat != 0) {

div1.innerHTML = cityCat;

cityCat -= 1;

}

else {

div1.innerHTML = "종료";

clearInterval(repeat);

}

}

div1.innerHTML = cityCat + 1;

var repeat = setInterval(countDown, 1000);

</script>