Счётчик обратного отсчёта (flipclock) на кол-во дней, как реализовать?

Question

[foxayb]

Есть счётчик flipclock, который работает до конкретной даты, демо: https://codepen.io/anon/pen/YOQvzr

Подскажите как сделать чтобы он отсчитывал оставшееся кол-во дней, например указываешь "5" о считает окончание 5-и дней а потом продлевает снова на 5 дней и так до ∞

Comments

[Dmitry Bay]

читайте евенты, при событии перестраивайте ваш таймер.

Answer 1

[foxayb]

Кому интересно, то я реализовал два варианта:
1-й. Указываем кол-во дней, по истечению таймер снова продлевает счёт на аналогичное кол-во дней:

<script type="text/javascript">				
									Data = new Date();
									var time = ({//сюда указать кол-во дней}*86400) - (Data.getHours()*3600 + Data.getMinutes()*60 + Data.getSeconds());
									console.log(time);
									var clock;
									clock = new FlipClock($('.clock'), time, {
										clockFace: 'DailyCounter', //вид счетчика (с количеством дней)
										autoStart: true,          //Отключаем автозапуск
										countdown: true	,           //Отсчет назад
										language:'ru-ru',           //Локаль языка
										callbacks: {               //Действие после окончания отсчета
											stop: function() {
											  clock.setTime(86400);  
											  clock.setCountdown(true);
											  clock.start(); 
											}
										}
									});
								</script>

2. До определённой даты:

<script type="text/javascript">				
										$(function() {
											var clock = $('.clock').FlipClock({
												clockFace : "DailyCounter",
												autoStart : false,
												language: 'ru',
												callbacks :{
													stop : function() {
														$(".message-timer").html("время истекло");
													}
												}
											});
											var time = "22/09/2018 12:00:00";
											var first = new Date(time);
											var second = Date.now();
											var result = first - second;
											result /=1000;
											clock.setTime(result);
											clock.setCountdown(true);
											clock.start();
										});												
								</script>

Answer 2

[Дмитрий]

megatimer.ru

Comments

[foxayb]

Плохой вариант. Нужно решение с flipclock