jQuery 倒计时插件和 AJAX

Question

我正在使用 jQuery 倒计时插件 来实现倒计时并在计时器到期时调用 Web 服务。

问题是我在页面上使用 AJAX，并且必须在每个 AJAX 请求上重新设置倒计时，如下所示：

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(SetupTimer);

/*Initial setup*/
$(document).ready(function() {
    SetupTimer();
});

function SetupTimer() {
        var serverTime = new Date();
        var cutoffTime = new Date($("#<%= cutoffTime.ClientID %>").val());
        serverTime.setHours(serverTime.getHours());
        if (serverTime < cutoffTime) {
            $('#timer').countdown('destroy'); /*should work, but doesn't*/
            $('#timer').countdown({ until: cutoffTime, serverTime: serverTime, onExpiry: OrderingEnded, format: 'yowdHMS' });
        } 
        else
            OrderingEnded();
    }

由于某种原因，这会在每个请求上创建倒计时的新实例，从而导致大量调用倒计时到期时的 Web 服务。

如何确保一次只有一个倒计时实例？

编辑

在文档中找到了这一点，但并不适合我

        $('#timer').countdown('destroy');

Answer 1

好的，明白了，只需要调用

$('#timer').countdown('destroy');

beginRequest

var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_beginRequest(DeleteTimer);
prm.add_endRequest(SetupTimer);

$(document).ready(function() {
    SetupTimer();
});


function DeleteTimer() {
    $('#timer').countdown('destroy');
}
function SetupTimer() {
    var serverTime = new Date();
    var cutoffTime = new Date($("#<%= cutoffTime.ClientID %>").val());
    serverTime.setHours(serverTime.getHours());
    if (serverTime < cutoffTime) {          
        $('#timer').countdown({ until: cutoffTime, serverTime: serverTime, onExpiry: OrderingEnded, format: 'yowdHMS' });
    } 
    else
        OrderingEnded();
}

Answer 2

您可能需要setInterval()。 它允许您每 X 毫秒重复一次计时器。 您可以使用 clearInterval() 来停止它。

这里有一些阅读内容比较 setInterval( ) 和 setTimeout()。

另一种选择是仅在 AJAX 调用的回调函数中重新创建计时器。 这将确保只有在先前的 AJAX 调用完成后才启动新的计时器，例如：

 function CheckServer() {
     $.get('/get_something.html', function() {
         timer = setTimeout('CheckServer', 5000);
     });
 }

Answer 3

我有类似的问题。 我正在使用 web 服务使用 jquery.countdown.js 插件中的 serversync 函数从服务器获取当前时间。 我遇到一个问题

倒计时如何同步使用 jquery 使用“jquery.countdown.js”插件？

请您找到解决方案并告诉我，谢谢。