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);