我正在尝试组合2个jQuery函数,如下所示:断续器<span id="clock" data-countdown="2020/05/16 10:08:00"></span>JavaScript第 1个脚本从属性中的时间倒计时到 00:00:data-countdownvar 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); }});
1 回答
扬帆大鱼
TA贡献1799条经验 获得超9个赞
这是因为您正在检查事件处理程序外部的文本。的当前条件检查仅在加载脚本时执行一次。text=='00:00'
这是工作javascript函数
var date = $('#clock').data('countdown');
$('#clock').countdown(date, function (event) {
$(this).html(event.strftime('%M:%S'));
if(document.getElementById('clock').innerHTML === "00:00") {
window.location.reload();
}
});
添加回答
举报
0/150
提交
取消