javascript - 使用javascript在计时器上切换按钮文本

Question

我有一个有效的切换按钮文本代码，但我希望按钮在 4 之后将返回切换到原始状态秒。

我已尝试寻找解决方案，但无法确定是否需要使用 setInterval 函数或 setTimeout 函数以及如何准确实现它们。

希望 JavaScript 向导可以帮助我。

function myFunctionbutton() {
  var x = document.getElementById("singleadd");
  if (x.innerHTML === "add to bag") {
    x.innerHTML = "Loading...";
  } else {
    x.innerHTML = "add to bag";
  }
}

<button id="singleadd" onclick="myFunctionbutton()">add to bag</button>

Answer 1

您可以使用 setTimeout()

function myFunctionbutton() {
  var x = document.getElementById("singleadd");
  if (x.innerHTML === "add to bag") {
    x.innerHTML = "Loading...";
    setTimeout(function () {
      x.innerHTML = "add to bag"
    }, 4000);
  }
}

<button id="singleadd" onclick="myFunctionbutton()">add to bag</button>