代码之家 › 专栏 › 技术社区 › roman m

jQuery倒计时插件和AJAX

countdownlatch ajax jquery javascript

roman m · 技术社区 · 17 年前

问题是我在页面上使用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();
    }

出于某种原因,这会在每次请求时创建一个新的倒计时实例,从而在倒计时过期时对Webservice进行大量调用。

如何确保一次只存在一个倒计时实例?

编辑

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

3 回复 | 直到 6 年前

Darryl Hein IrishChieftain 17 年前

好吧,我想好了,只需要打电话给

$('#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();
}

Darryl Hein IrishChieftain 17 年前

你可能想要 setInterval() . 它允许您每X毫秒重复一次计时器。你可以用 clearInterval() 阻止它。

Here is some reading 比较 setInterval() 和 setTimeout() .

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

Community Mohan Dere 9 年前

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

How countdown get Synchronise with jquery using "jquery.countdown.js" plugin?

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前