轻量级jQuery倒计时

Question

我已经看到了一些非常漂亮的jQuery插件来倒数天,小时,分钟和秒.他们使用图像,看起来很棒.但我正在寻找一个简单的小倒计时,用剩余的秒数填充div.我将结合使用它:

function submitform() {
    document.forms[0].submit();
}

jQuery(function($) {
    setInterval("submitform()",20000);
});

我只是想在某个角落真正不引人注意的东西,让他们知道页面即将刷新所有.

Answer 1

首先,setInterval当您想要以设定的间隔触发功能时使用,例如每20秒一次.对于一次性事件,请使用setTimeout.

这是一个轻量级的解决方案,假设你有一个id为的div countdown:

$(function() {
   var seconds = 20;
   setTimeout(updateCountdown, 1000);

   function updateCountdown() {
      seconds--;
      if (seconds > 0) {
         $("#countdown").text("You have " + seconds + " seconds remaining");
         setTimeout(updateCountdown, 1000);
      } else {
         submitForm();
      }
   }
});

function submitForm() {
   document.forms[0].submit();
}