jquery - FlipClock.js 在倒计时结束时显示图像

我正在使用 FlipClock 1.1a 并且我想在倒计时结束时设置一个图像并隐藏计数器。目前，当时间到时，计数器会进入 - 时间(-1 小时，-12 分钟)。我怎样才能做到这一点？该站点很少有回调，并且没有帮助。

最佳答案

他们在他们的代码库中提供了不同的示例，其中包括计数器停止事件。因此，您需要使用 FlipClock 的 stop 回调来执行所需的操作，

 var clock;
    $(document).ready(function() {
        clock = $('.clock').FlipClock(10, {
            clockFace: 'MinuteCounter',
            countdown: true,
            callbacks: {
                stop: function() {
                    // Do whatever you want to do here,
                    // that may include hiding the clock
                    // or displaying the image you mentioned
                    $('.message').html('The clock has stopped!');
                }
            }
        });
    });

附注

如果您下载了他们的整个源文件，您可以查看演示本身 /FlipClock-master/examples/countdown-stop-callback.html

关于jquery - FlipClock.js 在倒计时结束时显示图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28234215/