Как я могу позволить Flipclock автоматически устанавливать время с определенной даты - PullRequest
Новая
       27

Как я могу позволить Flipclock автоматически устанавливать время с определенной даты

0 голосов
/ 25 апреля 2019

Итак, я настроил Flipclock, он работает, но он не работает, как я хочу

Это код: 

endtimeYear: 0,
        endtimeMonth: 0,
        endtimeDate: 0,
        endtimeHours: 0,
        endtimeMinutes: 0,
        endtimeSeconds: 0,

Я пытаюсь настроитьобратный отсчет, но каждый раз, когда я ставлю дату, часы, минуты и секунды, он не обновляется автоматически.Если я, например, отредактирую свой код, он просто перезагрузится, чего не должно делать.

Если я в качестве примера установлю его на 1 октября, он должен автоматически просто пойти после этого.

Кто-нибудь знает, как это сделать?Извините, я с трудом пытаюсь объяснить проблему.Надеюсь, вы понимаете!

1 Ответ

0 голосов
/ 25 апреля 2019

Так как FlipClock.js принимает количество секунд в качестве параметра, возьмите дату, которую вы хотите, чтобы обратный отсчет закончился на new Date('October 1 2019), и вычтите ее из текущей даты new Date().Из их примера различных циферблатов включает параметр clockFace: 'DailyCounter', а также showSeconds: false, чтобы сделать его более чистым. 

const seconds = (new Date('October 1 2019').getTime() - new Date().getTime()) / 1000
if (seconds > 0) {
  new FlipClock($('.your-clock'), seconds, {
    countdown: true,
    clockFace: 'DailyCounter',
    showSeconds: false
  });
} else { 
  $('.your-clock').text("It's October 1st!");
}
<br/>
<div class="your-clock"></div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.css">
<script src="https://code.jquery.com/jquery-3.4.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.js"></script>
...