hilios javascript倒计时器完成事件磨损初始化

时间:2015-11-12 14:49:02

标签: javascript jquery time countdown

我正在使用这个javascript countdown plugin,我想检测完成日期,这是我的设置,到目前为止我尝试过。

$('#countdown').countdown('2015/11/12', function(event) {
    $(this).html(event.strftime('<div id="countdown_container"><div class="countdown_wrap weeks">%w weeks</div><div class="countdown_wrap days">%d days</div><div class="countdown_wrap hours">%H:%M:%S</div>'));
}).on('finish.countdown', function(event){
    alert("the event is finish");
});

但似乎不起作用,任何想法,请帮忙吗?

1 个答案:

答案 0 :(得分:1)

您正在使用传统方法&#39;正如the documentation所说:

  

使用传统方法,您需要处理a中的所有事件   通过event.type进行单次回调(更新,完成或停止)   属性

您应该使用更新的方法:

$('#countdown').countdown('2015/11/12')
    .on('update.countdown', function(e) {
        $(this).html(e.strftime('<div id="countdown_container"><div class="countdown_wrap weeks">%w weeks</div><div class="countdown_wrap days">%d days</div><div class="countdown_wrap hours">%H:%M:%S</div>'));
    })
    .on('finish.countdown', function(e) {
        alert("the event is finish");
    });

或者如果您仍想使用旧语法:

$('#countdown').countdown('2015/11/12', function(event) {
    if (event.type === 'update.countdown') {
        $(this).html(event.strftime('<div id="countdown_container"><div class="countdown_wrap weeks">%w weeks</div><div class="countdown_wrap days">%d days</div><div class="countdown_wrap hours">%H:%M:%S</div>'));
    } else if (event.type === 'finish.countdown') {
        alert("the event is finish");
    });