时间到期后重启 FlipClock

Question

如何在时间结束后重新启动 flipclock？

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

});

但这没有用。有什么想法吗？

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

});

时间到期后重启 FlipClock

Restart FlipClock after time expire

javascript

flipclock