jquery.final-countdown.js - нужна помощь в настройке его

Question

Есть инструкции по настройке (и как использовать) этот плагин здесь: http://www.jqueryscript.net/time-clock/Modern-Circular-jQuery-Countdown-Timer-Plugin-Final-Countdown.html

Инициализировать таймер обратного отсчета времени и установить время начала, время окончания и текущее время в javascript.

$ ('Отсчет') final_countdown ({ старт: '1362139200', конец: '1388461320', Сейчас: '1387461319'});.

Во-первых, я не знаю, что означают эти цифры ... это даже не объяснено. Я выводю, что они означают секунды.

Поэтому я мой код так:

$('.countdown').final_countdown({ 
    'start': 0, /* ((((Jan + Feb + 3 days) * number of hours in a day) * number of minutes in an hour) * number of seconds in a minute) = total seconds */ 
    'end':  ((((31+28+31+2)*24)*60)*60), /* started at 9:25 pm on March 03 */ 
    'now':  ((((31+28+3)*24)*60)*60), 
    seconds: { 
     borderColor: '#8ef58e', 
     borderWidth: '9' 
    }, 
    minutes: { 
     borderColor: '#ff8d72', 
     borderWidth: '9' 
    }, 
    hours: { 
     borderColor: '#69ccff', 
     borderWidth: '9' 
    }, 
    days: { 
     borderColor: '#ffd35c', 
     borderWidth: '9' 
    } 
}); 

Проблема заключается в том, что каждый раз, когда один загружает страницу, он показывает те же 29 дней. Сценарий не захватывает текущее время/дату и сравнивается с другим временем/датой в будущем.

Так что теперь все выглядит хорошо (29 дней), но через несколько дней кто-то загрузит эту страницу, и она будет полностью отключена.

Вы можете увидеть сценарий (и проблемы) здесь: http://www.3rd-dimension.co

Я очень признателен за любую помощь по этому вопросу.

Answer 1

Проблема заключается в том, что ваше значение «» »является фиксированным значением (например, 'now': ((((31+28+3)*24)*60)*60),).

Вместо этого, вы должны получить «Теперь» значения динамически с JavaScript родной ned Date(), как показано ниже:

// We will get the "now" value from this variable 
var today = new Date(); 

// My target date is this month 30th 9.25pm 
var target = new Date(today); 
target.setDate(30); 
target.setHours(21,25,0,0);; 

// Countdown start from yesterday 
var yesterday = new Date(today); 
yesterday.setDate(today.getDate() - 1); 
yesterday.setHours(0,0,0,0);; 

$('.countdown').final_countdown({ 
    'start': yesterday.getTime()/1000, 
     'end': target.getTime()/1000, 
     'now': today.getTime()/1000, 
    seconds: { 
     borderColor: '#8ef58e', 
     borderWidth: '9' 
    }, 
    minutes: { 
     borderColor: '#ff8d72', 
     borderWidth: '9' 
    }, 
    hours: { 
     borderColor: '#69ccff', 
     borderWidth: '9' 
    }, 
    days: { 
     borderColor: '#ffd35c', 
     borderWidth: '9' 
    } 
}); 

Пожалуйста, обратитесь к скрипке для рабочего примера: http://jsfiddle.net/zeskysee/v0hc6cfj/11/

Надежда это помощь :)

Answer 2

<script type="text/javascript"> 
     $('document').ready(function() { var end = Math.floor((new Date("02/11/2018")).getTime()/1000); 
      var start = Math.floor((new Date("01/23/2018")).getTime()/1000); 
      var now = Math.floor((new Date).getTime()/1000); 
      $('.countdown').final_countdown({ 
       'start': start, 
       'end': end, 
       'now': now 

      }); 
     });