javascript - 一段时间后如何执行功能

Question

我想编写一个 javascript 代码，我可以在 30 分钟后执行一个函数。

假设我有一个名为的函数getScore和另一个名为getResult. 我希望在 30 分钟后执行这些功能。

这是一个测验目的，测验持续时间是三十分钟，所以时间过去后，两个功能都应该执行。

Answer 1

你应该使用setTimeout()：

setTimeout(function() {
    getScore(); 
    getResult(); 
}, 1800000);

'1800000' 是您希望此函数执行的时间（以毫秒为单位）。在这种情况下，30 分钟。

Answer 2

如果要显示元素，可以使用此代码，这将显示按钮。

     function myFunc(){
        var linkEd = document.getElementById("buttonID");
        var timing = 6;
        var text_timing = document.createElement("span");
        linkEd.parentNode.replaceChild(text_timing, linkEd);
        var id;
        id = setInterval(function() {timing--;
      if (timing < 0) {
        clearInterval(id);
       text_timing.parentNode.replaceChild(linkEd, text_timing);
      } else {
       text_timing.innerHTML = "<h3 class='yourclass'>Button will appear after  <strong>" + timing.toString() + "</strong>  second</h3>";
      linkEd.style.display = "inline";
      }
    }, 1000);
}

这是为了显示时间毫秒

<h3 class='yourclass'>按钮会在<strong>" + timing.toString() + " </strong> 秒后出现</h3>

调用时间并显示按钮使用 onclick 事件在时间 0 后显示按钮

<button class='yourclass' onclick='myFunc()' id='button'>显示时间</button>

使用display none隐藏按钮

<button style='display:none' id='buttonID' class='yourclass'>一段时间后</button>