3 초 jQuery를 카운터

Question

내 JS 코드 :

var counter = 3; 
    var timer = setInterval(function() {counter--; if (counter == 0) {clearInterval(interval);}}, 1000); 

    $('#msg').hide().html('Page will refresh in ' + timer).slideDown('fast'); 

가 왜 작동하지 않습니다 ? 답장은 다음과 같습니다. "페이지가 14522에서 새로 고침"

3 초 카운트 다운을 3 초간하고 있습니다. 나는 그 후 어떤 행동도 원하지 않는다. 그래서 문제가 무엇입니까?

감사합니다.

Answer 1

먼저 counter을 timer이 아니라 화면에 표시하려고합니다. 둘째, 카운터가 변경 될 때마다 메시지를 업데이트해야합니다.

var timer = setInterval(function() { 
    counter--; 
    $('#msg').html('Page will refresh in ' + counter); 
    if (counter == 0) { 
     clearInterval(interval); 
    } 
}, 1000);