jQuery 倒计时 jquery 事件

Question

我使用 jQuery 每 5 秒左右刷新一个 DIV 内容框，时间实际上是由最终用户控制的。 我想在页面上有一个倒计时器，它将根据设置的值进行倒计时，直到下一页刷新（或查询）。

目前，它可以是 5 秒的静态值，但我真的不知道如何在我的查询旁边运行倒计时。

非常感谢任何帮助。

Answer 1

您可以使用 setInterval。

var remaining = 5;

var myInterval = setInterval ( updateCountDown, 1000 );

function updateCountDown( )
{
  $("mydiv").text(remaining );
  remaining --;
  if (remaining == 0) {
    clearInterval(myInterval );
  }
}

Answer 2

也许倒计时插件会有所帮助...
有一个 onExpiry 事件和 until 属性非常有用。

您可能会遇到的另一个问题是：js 不支持真正的多线程...

Answer 3

编辑：
不确定我们是否理解您的意思：
您希望页面上显示计数器吗？

如果没有：

您可以在 JavaScript 中设置一个变量，例如

var TimeOutValue = 5000;

function OnTimeOut()
{
    // Add here your code for refreshing the DIV content
   window.setTimeout(OnTimeOut, TimeOutValue);
}

在输入字段的 textchanged 事件的处理程序中：例如

function InputTextChanged()
{
   TimeOutValue = document.getElementById("Id_of_Input_field").value;
}

Answer 4

嗯...我不久前也做过类似的事情。我使用了一个名为 jquery.timers 的 jQuery 插件：

这是我的代码：

    function timerTick() {
        counter--;
        $("#lblRepeat").html('searching again in ' + counter + ':');
        if (counter <= 0) {
            counter = 60;
            search();
        }
    }
    function chkActivate_click(ev) {
        var vr, t;
        t = $(this); 
        vr = t.is(':checked');
        if (vr) {
            t.everyTime(1000, 'busqueda', timerTick);
        } else {
            t.stopTime('busqueda');
        }
    }