javascript - jquery.Countdown - 改变背景颜色

Question

我对这个脚本有疑问 -

  var date = new Date(new Date().valueOf() + 60 * 1000);

  $('#clock').countdown(date)
  .on('update.countdown', function(event) {

   var format = '%M:%S';

    if(date < 30) {

      $( "#countcon" ).addClass( 'bg-teal-800' );
    }

   $(this).html(event.strftime(format));
   })
   .on('finish.countdown', function(event) {
   $(this).html('This offer has expired!')
     $( "#countcon" ).removeClass( 'bg-teal-800' );
     $( "#countcon" ).addClass( 'bg-pink-800' );
   });

我想如果日期 < 30 秒 更改 DIV(计数)的背景颜色，但它没有正常工作。

最后改变背景颜色(蓝绿色到粉红色)它工作正常..

我试过了 - if(event.offset.seconds < 30)，但也没有任何反应..(倒计时从 TEAL 背景颜色开始。

Answer 1

您正在将数据对象分配给此行中的可变日期:

var date = new Date(new Date().valueOf() + 60 * 1000);

尝试在分配后立即添加以下行:

alert(data);

然后显示的是这样的:

Fri Jul 22 2016 11:59:14 GMT+0200 (CEST)

这意味着您不可能将所有这些与 30 进行比较并在它为真时执行命令，因为它永远不会。我猜您想检查计时器的当前“秒”是否低于 30。如果是这样，您必须将 if 语句更改为:

if(event.strftime('%S') < 30){}

event.strftime('%S') 正在做的是将倒计时的当前时间格式化为仅秒，例如:

19

然后可以将其与 if 语句中的 int 30 进行比较。要检查以年、月、日、小时、分钟为单位的计数器时间...必须更改 if 语句中的时间格式，因为 '%S' 代表秒。引用倒计时formatting-documentation .