时间到期后重新启动 FlipClock答案

【问题标题】：Restart FlipClock after time expire时间到期后重新启动 FlipClock
【发布时间】：2015-07-29 10:06:38
【问题描述】：

时间结束后如何重新启动翻转时钟？

var clock;

$(document).ready(function() {
    clock = new FlipClock($('.clock'), 10, {
        clockFace: 'Counter',
        autoStart: true,
        countdown: true
    });

});

我想在 10 秒后重新启动计数器。我试过的是

var clock;

$(document).ready(function() {
    clock = new FlipClock($('.clock'), 10, {
        clockFace: 'Counter',
        autoStart: true,
        countdown: true,
        callbacks: {
            stop: function() {
               //my custom condition here if(not_free){start showing again}
                clock.start();
            }
        }
    });

});

但这不起作用。有什么想法吗？

【问题讨论】：

解决了一个问题
解决方法是什么？（帮助其他人解决这个问题。）
见下面的一个答案。问题是计数器值已完成，这就是控制台中显示错误的原因。在stop回调时钟中再次使用setTime()设置时间后成功重启

标签： javascript flipclock

【解决方案1】：

尝试将此行添加到 stop 回调函数中。

clock.setTime(10);

最终代码：

var clock;

$(document).ready(function() {
    clock = new FlipClock($('.clock'), 10, {
        clockFace: 'Counter',
        autoStart: true,
        countdown: true,
        callbacks: {
            stop: function() {
                clock.setTime(10);
                clock.start();
            }
        }
    });

});

【讨论】：