강의 숙제에서 0일 때 div가 안 보이게 처리하라는 응용숙제까지 내주셨는데,
var count=5;
var 타이머 = setInterval(function(){
count -= 1;
if(count>=0){
document.querySelector('.num').innerHTML=count;
}else{
document.querySelector('.alert').style.display='none';
}
},1000)
이렇게 else로 했더니 사라지긴 했습니다.
그런데 이렇게 하고보니 의문점이 드는 게 setInterval함수는 ~초마다 반복하게 해주는 함수잖아요?
그러니 count -= 를 해주었으니,
화면상에선 보이지 않지만
document.querySelector('.alert').style.display='none'; 이 부분이 계속 반복될 수도 있다는 생각이 들었습니다.
계속 반복되는 걸까요, 아니면 저 구문을 한번실행함으로써 끝나는 걸까요?
만일 반복되는 거라면, setInterval을 끝내기 위해서 clearTimeout을 써주어야할텐데,
var count=5;
setInterval(function(){
count -= 1;
if(count>=0){
document.querySelector('.num').innerHTML=count;
}else{
document.querySelector('.alert').style.display='none';
clearTimeout(타이머)
}
},1000)
저 자리에 들어가는 게 맞을까요?