为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

不负相思意 2022-08-18 10:34:21
我正在尝试组合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();

  }

});


查看完整回答
反对 回复 2022-08-18
  • 1 回答
  • 0 关注
  • 82 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信