Question

我正在使用FlipClock.js进行30小时倒计时，当倒数达到零时，将其添加到另一个计数器中，然后倒计时将重新开始。目前，我可以使用较小的时间段来测试计数器和倒数计时器是否工作。问题在于，每次浏览器刷新时，两者都会重新启动。如何定义两个时钟的开始日期？

下一个代码从1分钟而不是30分钟开始倒数，并且计数器每3秒而不是每30小时加1。

<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>

感谢您的帮助。

FlipClock JS：从特定日期开始个性化倒计时

0 个答案: