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对象保留的。在您的用例中，您应该只使用“interval”。您还需要禁用自动启动功能，以便在调用第一个间隔回调之前分配您的时钟变量（从而避免时钟未定义）。

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();

Flipclock.js间隔回调方法，每分钟触发一次事件

1 个答案: