jQuery函数没有传递完成倒计时

时间:2016-03-10 15:05:39

标签: javascript jquery

您好我使用此插件: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

1 个答案:

答案 0 :(得分:0)

试试这个

Fiddle

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

主动:

enter image description here

完成 enter image description here