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秒倒計時。之後我不想採取任何行動。那麼問題是什麼？幫助！

謝謝。

Answer 1

首先，您要在屏幕上顯示counter，而不是timer。第二，每當計數器發生變化時，您都需要更新消息：

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