Question

在我的javascript中

$(document).ready(function() {
    console.log((new Date().getTime() / 1000));
      if ((new Date(setting.lastDate).getTime() / 1000) <= (new Date().getTime() / 1000)) {
        $('.Go').removeAttr("disabled");
        $( ".headertesting").replaceWith(" ");
        $( ".testing" ).replaceWith( "<span class='butlabel testing' >Register Now!</span><span class='spinner'></span>" );
      }
});

在我运行此功能的html中。它没有像我预期的那样工作我有一个倒计时日期：例子我设置

lastDate = "06/01/2016 10:21:00"

所以它会检查我的currentTime并进行比较。但是当它到达时。按钮没有直接更新。我必须刷新页面才看到结果。我想要的是一旦到达时没有刷新页面直接按钮更改。

Answer 1

这是因为$(document).ready()只在页面加载时执行一次。您可能期望您的函数重复执行，可能每隔一秒左右执行一次，以便在计时器达到该条件时立即更新。试试window.setTimeout或window.setInterval。这是一个相关的问题，答案很好：What's the easiest way to call a function every 5 seconds in jQuery?。

Answer 2

当你说'＃34;不工作＆＃34;时，你尝试了什么？

＆＃13;

var resultsEl = document.getElementById("time");

window.setInterval(function(){
  resultsEl.innerText = new Date().toLocaleTimeString();
}, 1000);

＆＃13;

<div id="time" style="height: 1em; background-color: aliceblue;"></div>

＆＃13;

javascript中的函数不会直接更新，必须刷新页面

2 个答案: