倒计时达到 00：00 时重新加载页面

Question

我正在尝试组合2个jQuery函数，如下所示：

断续器

<span id="clock" data-countdown="2020/05/16 10:08:00"></span>

JavaScript

第 1个脚本从属性中的时间倒计时到 00：00：data-countdown

var date = $('#clock').data('countdown');

$('#clock').countdown(date, function (event) {

    $(this).html(event.strftime('%M:%S'));

});

第 2个脚本应在时间达到 00：00 时重新加载页面：

var text = document.getElementById('clock').innerHTML;

if (text == '00:00') {

   setTimeout(function() {

       window.location.reload()

   }, 1000);

}

我试图结合这两个功能，但当时间达到00：00时，页面不会刷新。这是一个CodePen。

var date = $('#clock').data('countdown');

$('#clock').countdown(date, function (event) {

    $(this).html(event.strftime('%M:%S'));

    var text = document.getElementById('clock').innerHTML;

    if (text == '00:00') {

        setTimeout(function(){

            window.location.reload()

        }, 1000);

    }

});

Answer 1

这是因为您正在检查事件处理程序外部的文本。的当前条件检查仅在加载脚本时执行一次。text=='00:00'这是工作javascript函数var date = $('#clock').data('countdown');$('#clock').countdown(date, function (event) {&nbsp; $(this).html(event.strftime('%M:%S'));&nbsp; if(document.getElementById('clock').innerHTML === "00:00") {&nbsp; &nbsp; window.location.reload();&nbsp; }});