使用jquery在X秒后隐藏/删除标记

时间:2009-08-20 23:25:55

标签: javascript jquery timeout

我想知道如何在一定时间后隐藏/删除标签。是否有一些内置的东西或我是否使用线程(如果javascript可以这样做?)

4 个答案:

答案 0 :(得分:32)

你甚至不需要jQuery用于“5秒”部分:JavaScript的内置setTimeout功能可以解决这个问题。结合使用jQuery进行DOM操作,你得到:

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

此处5000表示5000毫秒或5秒。您可以传递setTimeout现有函数或(如本例所示)匿名函数。

答案 1 :(得分:9)

尝试使用.delay()函数

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

答案 2 :(得分:3)

window.setTimeout( hideTagFn, 5000);

function hideTagFn(){

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

答案 3 :(得分: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>