您好我使用此插件:http://hilios.github.io/jQuery.countdown/它计算从约会开始的时间。除了.on('finish.countdown', function(event)
我控制台时,一切正常。我什么都没得到。所以它似乎不起作用。有人可以告诉我为什么吗?也许可以解决?
$(document).ready(function() {
$('table tr').each(function() {
var inputDate = new Date($(this).find('.count').text());
var timeProduct = $(this).find('.timeProduct');
timeProduct.html('Aktyvus');
inputDate.setDate(inputDate.getDate() + 7);
$(this).find('.clock').countdown(inputDate, function(event) {
$(this).text(event.strftime('%D dienos %Hh %Mmin %Ssek'));
}).on('finish.countdown', function(event) {
var timeProduct = $(".timeProduct");
timeProduct.removeClass("label label-success");
timeProduct.addClass('label label-danger');
timeProduct.html("Pasibaigė");
console.log('labas');
});
});
});
修改
这是JSFiddle
https://jsfiddle.net/mo6fhum5/
您可以看到,当计时器点击0时,它仍然会显示aktyvus
答案 0 :(得分:0)
试试这个
$('table tr').each(function(index) {
var inputDate = new Date($(this).find('.count').text());
var timeProduct = $(this).find('.timeProduct');
inputDate.setDate(inputDate.getDate() + 7);
timeProduct.html(inputDate.getTime()>new Date().getTime()?'Aktyvus':"Pasibaigė");
console.log(inputDate)
$(this).find('.clock').countdown(inputDate, function(event) {
$parent=$(this).closest("tr");
$(this).text(event.strftime('%D dienos %Hh %Mmin %Ssek'));
}).on('finish.countdown', function(event) {
console.log("done");
var timeProduct = $parent.find(".timeProduct");
timeProduct.removeClass("label label-success");
timeProduct.addClass('label label-danger');
timeProduct.html("Pasibaigė");
});
});
主动: