level2 setTimeout 타이머주는법 질문입니다.

[Frank]

 

안녕하세요.

해당강의 맨 마지막 부분에

=================================================

(참고) 타이머를 삭제하고 싶으면

var 타이머 = setInterval(어쩌구);

이렇게 변수에 저장해둔 다음

타이머 삭제하고 싶을 때 clearTimeout(타이머) 이 코드 실행하면 됩니다.

=================================================

 

라고 해주셨는데, 혹시 cleartimeout 을 통하여 타이머 삭제하는 법, 예제를 볼 수 있을까요?

 

cleartimeout에 대해서 여기저기 찾아봤는데 무슨말인지 모르겠어서 어거지로 아래처럼 코드 작성을 하긴 했는데

이게 맞는건지는 모르겠네요.ㅠㅠ

<script>

var count = 5;

 

setInterval(function(){
count -= 1;
if (count >= 0){
document.querySelector('#num').innerHTML = count;
}
},1000)

 
setTimeout(function(){document.querySelector('.alert-danger').style.display='none'},6000)

</script>

 

 

[codingapple]

var 타이머 = setInterval(function(){ 어쩌구 }, 1000); 이렇게 코드짜놓으면 

나중에 삭제하고 싶을 때 clearTimeout(타이머); 실행하면 타이머가 삭제됩니다 

 

[Frank]

답변감사합니다.

혹시 저기 var 타이머 = setInterval(function(){ 어쩌구 }, 1000);  <- 여기서 어쩌구에 어떤코드를 넣어야 할까요?

[codingapple]

1초마다 실행하고싶은 코드 적으면 됩니다 

[Frank]

var 타이머 = setInterval(function(){
count-=1;
if(count>=0){
document.querySelector('#num').innerHTML = count;
}
},1000)

clearTimeout(타이머)

 

이렇게 적으면 맞는걸까요?

 

 

아니면 아래처럼 적는게 맞을까요?

var 타이머 = setInterval(function () {
count -= 1;
if (count >= 0) {
document.querySelector('#num').innerHTML = count;
}
}, 1000)

setInterval(function() {
clearTimeout(타이머);
}, 3000);

[codingapple]

거기 적어도 되고 if 뒤에 else문 추가해서 거기 적어도 될듯요 

[글쓴이]

글