【问题标题】:FlipClock.js display an image when the countdown is overFlipClock.js 在倒计时结束时显示图像
【发布时间】:2015-01-30 10:48:34
【问题描述】:

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

【问题讨论】:

  • 他们有非常清晰的文档。到目前为止,您尝试了什么?

标签: jquery flipclock


【解决方案1】:

他们在他们的代码库中提供了不同的示例,其中包括计数器停止事件。所以,你需要使用 FlipClockstop 回调来执行所需的操作,

 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

【讨论】:

  • 你好,我已经尝试了回调,但在控制台调用中被炸毁了最大调用堆栈大小!我试图在考试 javascript 应用程序中使用!但是我找到了修复它的替代方法,但我可以知道它被炸毁的原因!
  • 哦,谢谢!我想通了 - 问题是我递归地调用了停止函数并且回调作为无限循环执行!
  • 糟糕的图书馆,糟糕的文件!事件不起作用!回调也。感谢帮助。你节省了我几个小时。
猜你喜欢
  • 2021-12-06
  • 1970-01-01
  • 2019-01-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多