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

我想知道如何在一段时间后隐藏/删除标记。有没有内置的东西，或者我使用线程（如果JavaScript可以做到这一点？）使用jquery隐藏/删除标记X秒后

2009-08-20 chobo2

你甚至不需要jQuery的“5秒”部分：JavaScript的内置setTimeout函数将做的伎俩。合并的jQuery的DOM操作，您可以：

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

这里5000代表5000毫秒，或为5秒。你可以通过setTimeout现有的功能或（在这种情况下）一个匿名函数。

来源

2009-08-20 23:27:52 VoteyDisciple

还有一点要注意的是，你可以通过一个字符串来评价，虽然我不鼓励对这种除非绝对必要 – 2009-08-20 23:32:59

eeek必要的时候吗？ – redsquare 2009-08-20 23:46:14

此外，我总是使用“窗口”前缀，因为你永远不知道什么时候别人（插件等）将创建一个func/var在范围内做同样的名字，做其他事情 – redsquare 2009-08-20 23:48:24

window.setTimeout(hideTagFn, 5000); 

function hideTagFn(){ 

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

来源

2009-08-20 23:28:08 redsquare

尝试使用.delay（）函数

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

来源

2011-06-29 12:48:30 Igor

是真的，但不会延迟'show（）'和'hide（）'。 – Arjan 2012-05-01 19:40:56

这几乎是类似上述的答案，但在这个例子中，你只需要复制，因为它是和它粘贴到编辑器那么它会工作。

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

来源

2013-09-18 11:03:01 humphrey

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

回答

相关问题