使用 jquery 在 X 秒后隐藏/删除标签
Posted
技术标签:
【中文标题】使用 jquery 在 X 秒后隐藏/删除标签【英文标题】：Hide/Remove a tag after X seconds with jquery 【发布时间】：2010-11-21 12:24:31 【问题描述】：我想知道如何在一定时间后隐藏/删除标签。是否有一些内置的东西或者我确实使用线程（如果 javascript 可以做到这一点？）
【问题讨论】：
【参考方案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 来执行其他操作 它对我的工作帮助很大以上是关于使用 jquery 在 X 秒后隐藏/删除标签的主要内容，如果未能解决你的问题，请参考以下文章
我可以用vue js显示一个<p>标签，但我不能在2秒后删除它[重复]