0

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

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

谢谢！

4

1 回答 1

0

我找不到托管 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>
于 2015-07-16T22:18:24.587 回答