FlipClock JS 自定义增量？

Question

我正在尝试为 FlipClock JS 编写自定义增量函数。这样计数器每 5-20 秒递增 1。我尝试用 settimeout 函数围绕 clock.increment 代码，但我无法让它工作，因为我不知道它实际循环的位置。然后我查看了 flipclock.js 文件本身，我设法让它在 0.5、0.25 中上升，我也可以让它延迟启动，但我不知道如何让它经常递增。我想我可以在 clock.increment 之前添加像 delay(500) 这样的东西，但我不认为那是循环所在的地方。

如果您需要更多信息，请询问。

谢谢！

Answer 1

我找不到托管 flipclock 的 CDN，所以这是代码。

计数器每 5 到 20 秒递增 +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="clock" style="margin:2em;"></div>
    <div class="message"></div>

    <script type="text/javascript">
        var clock;
        var nextDoubleJump;
        var internalCounter;

        $(document).ready(function() {
            internalCounter = 0;
            nextDoubleJump = getRandomIntInclusive(5, 20);
            console.log('Next jump value: ' + nextDoubleJump);

            clock = $('.clock').FlipClock({
                clockFace: 'Counter',
                autoStart: false,
            });

            setInterval(function(){
                internalCounter += 1;

                console.log(internalCounter);

                if(internalCounter == nextDoubleJump) {
                    clock.increment();
                    nextDoubleJump = getRandomIntInclusive(5, 20) + internalCounter;
                    console.log('Next jump value: ' + nextDoubleJump);
                }

            }, 1000);
        });

        function getRandomIntInclusive(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
    </script>

    </body>
</html>

FlipClock JS 自定义增量？

FlipClock JS custom increment?

javascript

flipclock