javascript - flipclock.js每分钟触发一个事件的间隔回调方法

Question

我在我的网站上添加了一个翻转时钟倒计时计时器，我想要一种每分钟触发一个事件的方法，以便我可以对源中的元素进行更改。我尝试在代码中添加一个警报以查看是否触发了回调，但我很确定我不太了解回调方法的文档。我引用了 flipclock.min.js 和 flipclock.css，我能够让时钟开始倒计时，我只需要在每分钟后触发一次事件。您可以在此处找到文档和下载:Flipclock.js

这是我目前拥有的 javascript 代码:

<script type="text/javascript">
    var clock = $('#clock').FlipClock(3600,{
        countdown: true,
        callbacks: {
            _interval: function () {
                var time = clock.getTime().time;
                alert(time);
                if (time % 60 == 0) {
                    //Change element
                }
            }
        }
    });

</script>

这是 html:

<div id="clock-container"style="width: 100%">
    <div class="col-lg-6" id="clock"></div>
</div>

Answer 1

您的间隔回调名称的下划线前缀是为全局 Timer 对象保留的。在您的用例中，您应该只使用“间隔”。您还需要禁用自动启动功能，以便在调用第一个间隔回调之前分配您的时钟变量(从而避免未定义时钟)。

var clock = $('#clock').FlipClock(3600,{
    autoStart: false,
    countdown: true,
    callbacks: {
        interval: function () {
            var time = clock.getTime().time;
            alert(time);
            if (time % 60 == 0) {
                //Change element
            }
        }
    }
});

clock.start();