使用 jquery 在 X 秒后隐藏/删除标签答案

【问题标题】：Hide/Remove a tag after X seconds with jquery使用 jquery 在 X 秒后隐藏/删除标签
【发布时间】：2010-11-21 12:24:31
【问题描述】：

我想知道如何在一定时间后隐藏/删除标签。是否有一些内置的东西或者我确实使用线程（如果 javascript 可以做到这一点？）

【问题讨论】：

标签： javascript jquery timeout

【解决方案1】：

这与上述答案几乎相似，但在此示例中，您只需按原样复制并将其粘贴到编辑器中即可。

<hmtl>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script>
$(document).ready(function(){
  $('.showupAfter8seconds').hide();
  setTimeout(function(){
    $('.showupAfter8seconds').show();
  },8000);
});
    </script>
  </head>
  <body>
    <div class="showupAfter8seconds">
      <h1>I was hidden for 8 seconds</h1>
    </div>

  </body>
</html>

【讨论】：

【解决方案2】：

尝试使用.delay()函数

http://api.jquery.com/delay/

【讨论】：

【解决方案3】：

window.setTimeout( hideTagFn, 5000);

function hideTagFn(){

   $('#someElementId').hide();
}

【讨论】：

【解决方案4】：

“5 秒”部分甚至不需要 jQuery：JavaScript 的内置 setTimeout 函数可以解决问题。结合 jQuery 进行 DOM 操作，您会得到：

setTimeout(function() {
  $("#the-tag-you-want-to-remove").remove();
}, 5000);

这里的 5000 代表 5000 毫秒，即 5 秒。您可以传递 setTimeout 一个现有函数或（在本例中）一个匿名函数。

【讨论】：

另一件需要注意的是，你可以传递一个字符串来评估，但除非绝对必要，否则我不鼓励这样做
另外，我总是使用“window”前缀，因为你永远不知道其他人（插件等）何时会在范围内创建一个具有相同名称的 func/var 来执行其他操作
它对我的工作帮助很大