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（countcoun）的背景颜色，但是它不能正常工作。

最后，背景颜色不断变化（深绿色至粉红色）就可以了。

我试过了-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'代表秒 。 请参阅Countdown 格式化文档 。