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), но его не завод правильно.

в конце изменение цвета фона (чирок до розового) он работает нормально ..

Я попробовал - если (event.offset.seconds < 30), но никакого ответа тоже .. (с этим отсчет начинается с ТЭА цвет фона

Answer 1

Вы asigning объект данных переменной даты в этой строке:.

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

Попробуйте добавить следующую строку сразу после asignment:

alert(data); 

Что это отображает что-то вроде:

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

, что означает, что вы не сможете сравнить все, что 30 и выполнить команду, если это правда, как она никогда не будет. Я предполагаю, что вы хотите, чтобы проверить, является ли текущий «второй» вашего таймера ниже, затем 30. Если да, то вам придется изменить, если-заявление:

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

Что event.strftime('%S') делает, чтобы вернуться текущее время вашего обратного отсчета отформатирован только секунды, такие как:

19 

Это можно сравнить с в Условный оператор ИНТ 30. Чтобы проверить встречное время в годах, месяце, днях, часах, минутах ... нужно изменить форматирование времени в if-statement, так как «% S» означает секунды. См. Обратный отсчет formatting-documentation.