如何在具有计时器的javascript中重定向页面？

Question

这是我的javascript代码，工作正常

<script type="text/javascript">

    var clock;

    $(document).ready(function() {

        clock = $('.clock').FlipClock(10,{
            countdown: true,
            clockFace: 'MinuteCounter'
        });
    });
</script>

我希望在倒计时后重定向到另一个页面

Answer 1

我查看了documentation，看来你只需要在构造过程中为你传递的对象添加stop属性：

var clock = $(".clock").FlipClock(10, {
    countdown: true,
    clockFace: "MinuteCounter",
    stop: function () {
        // do whatever you want here, e.g.:
        // window.location.href = "/new/page"
    }
});

由于您已将countdown设置为true，因此时钟将最终命中0:00，这将导致stop触发（回调函数）。