Как настроить счетчик обратного отсчета на определенный промежуток времени?

Question

[Дмитрий]

Приветствую!
Есть счетчик обратного отсчета, сделанный с помощью плагина FlipClock.

Как сделать, чтобы он запускался заново через определенное время. Например, 8 часов.

<div class="wrap-clock">
	<div class="clock"></div>
</div>
<div class="message"></div>

var clock;
	clock = $(".clock").FlipClock({
		autoStart : false,
		language:'ru-ru',
		callbacks : {
			stop : function () {
				$(".message").html("Время акции вышло");
			}
		}
	});

	clock.setTime(7200);
	clock.setCountdown(true);
	clock.start();

Answer 1

[DarkSideF]

Завернуть необходимые команды старта отсчета в функцию и отправить эту функцию в интервал setInterval.
Например:

setInterval(startNewCountdown, 1000*60*60*8);
startNewCountdown(); //первый запуск, т.к. команда по интервалу запустится только через время интервала.

function startNewCountdown() {
  clock.setTime(7200);
  clock.setCountdown(true);
  clock.start();
}

Comments

[Дмитрий]

DarkSideF спасибо большое. То, что нужно. Еще вопрос:

stop : function () {
        $(".message").html("Время акции вышло");
      }

как сделать, чтобы при повторном запуске счетчика .message исчезало.

[Дмитрий]

DarkSideF и еще проблема. Когда обновляешь браузер, счетчик тоже обновляется

[DarkSideF]

Дмитрий: Оставлять таймер при обновлении страницы уже более сложная задача. Нужно хранить его в localStorage (stackoverflow.com/questions/22099714/how-to-make-c... либо делать соответствующую логику сервере.

[DarkSideF]

Дмитрий: Что бы при повторном запуске очищалось .message - можно просто в функцию старта, которая занесена в интервал просто добавить функцию $(".message").html("") .