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