javascript - 在一定时间后重置 JavaScript

Question

我正在尝试学习 JavaScript，我想知道如何在 5 秒后重置函数。

function myFunction() {
  document.getElementById("demo1").innerHTML = "Now you 've learnt some JavaScript.";
}
document.getElementById('demo1').reset()

p {
  background-color: red;
}

button {
  background-color: yellow;
}

<p id="demo1">1st Lesson</p>
<button type="button" onclick="myFunction()">Try it</button>

如您所见，我使用了 .reset，但 a) 它不起作用，b) 不知道如何分配计时功能。

Answer 1

那么，您想在 5 秒后重置 #demo1 元素的 innerHTML 吗？好的...为此，请使用此 JavaScript 代码:

function myFunction() {  
   const demo = document.getElementById("demo1");
   const initialText = demo.innerText;
   demo.innerText = "Now you've learnt some JavaScript.";

   setTimeout(() => {
	   demo.innerText = initialText;
   }, 5000);
}

p {
  background-color: red;
}

button {
  background-color: yellow;
}

<p id="demo1">1st Lesson</p>
<button type="button" onclick="myFunction()">Try it</button>

在这里，setTimeout 是您需要在某个期望时间后执行的操作。(5000 毫秒 = 5 秒)