我正在使用这个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");
});
但似乎不起作用,任何想法,请帮忙吗?
答案 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");
});