FlipClock JS: начать персональный отсчет, начиная с определенной даты - PullRequest
0 голосов
/ 27 января 2019

Я использую 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>

Заранее благодарен за помощь.

...