0

我正在使用 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>

我提前感谢您的帮助。

4

0 回答 0