使用jQuery在X秒后隐藏/删除标签

Question

使用jQuery在X秒后隐藏/删除标签

javascriptjquerytimeout

14

我想知道如何在一定时间后隐藏/删除标签。是否有一些内置的东西，或者我需要使用线程（如果JavaScript可以实现的话）？

- chobo2

4个回答

9

尝试使用 .delay() 函数。 http://api.jquery.com/delay/

- Igor

3

window.setTimeout( hideTagFn, 5000);

function hideTagFn(){

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

- redsquare

0

这与上面的答案几乎相似，但在此示例中，您只需将其复制并粘贴到编辑器中，然后它就会起作用。

<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>

- Humphrey

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- VoteyDisciple · Accepted Answer

你甚至不需要用jQuery来实现“5秒钟”的部分：JavaScript内置的setTimeout函数可以解决问题。如果需要进行DOM操作，可以使用jQuery来实现：

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

这里的5000表示5000毫秒，即5秒。你可以将一个现有的函数或（如本例）匿名函数传递给setTimeout。