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