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