Я использую FlipClock.js для 30-часового обратного отсчета и, когда он достигнет нуля, добавлю один к другому счетчику, и обратный отсчет возобновится.В настоящее время я смог включить счетчик и обратный отсчет, используя меньшие периоды времени, чтобы проверить, работают ли они.Проблема в том, что оба перезапускаются каждый раз, когда обновляется браузер.Как я могу определить дату начала для обоих часов?
Следующий код отсчитывает одну минуту вместо тридцати минут, а счетчик добавляет одну каждые три секунды вместо каждых тридцати часов.
<html>
<head>
<link rel="stylesheet" href="../compiled/flipclock.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../compiled/flipclock.js"></script>
</head>
<body>
<div class="clock1" style="margin:2em;"></div>
<div class="clock2" style="margin:2em;"></div>
<div class="message"></div>
<script type="text/javascript">
var clock1;
$(document).ready(function() {
clock1 = new FlipClock($('.clock1'), 60, {
clockFace: 'MinuteCounter',
autoStart: true,
countdown: true,
callbacks: {
stop: function() {
clock.setTime(61);
clock.start();
}
}
});
});
</script>
<script type="text/javascript">
var clock2;
$(document).ready(function() {
clock2 = $('.clock2').FlipClock({
clockFace: 'Counter',
autoStart: false,
});
setInterval(function(){
clock2.increment();
}, 3000);
});
</script>
</body>
Заранее благодарен за помощь.