javascript - 如何在 HTML 上为特定 id 设置计时器

Question

我想将 JavaScript 上的计时器与 HTML 上的特定 ID 相关联，我该怎么做？例如，为id=2

<div class = "photos">
  <a3 id="1"> </a3>
  <a3 id="2"> </a3>
  <a3 id="3"> </a3>
  <a3 id="4"> </a3>
  <a3 id="5"> </a3>
  <a3 id="6"> </a3>
  <a3 id="7"> </a3>
  <a3 id="8"> </a3>
  <img scr=‪"C:\Users\User\Documents\banner(1).jpg" />
</div>

标签： javascripthtml

Answer 1

您可以使用setTimeout()：

WindowOrWorkerGlobalScope mixin（和 的继承者）的setTimeout()方法设置一个计时器，一旦计时器到期，该计时器就会执行一个函数或指定的一段代码。Window.setTimeout()

演示：

setTimeout(function(){ 
  document.getElementById("2").style.display = "none"; // hide the element after 3 seconds
}, 3000);

<div class = "photos">
  <a3 id="1"> 1</a3>
  <a3 id="2"> 2</a3>
  <a3 id="3"> 3</a3>
  <a3 id="4"> 4</a3>
  <a3 id="5"> 5</a3>
  <a3 id="6"> 6</a3>
  <a3 id="7"> 7</a3>
  <a3 id="8"> 8</a3>
  <img scr=‪"C:\Users\User\Documents\banner(1).jpg" />
</div>