我的页面上有一个按钮，按下该按钮会显示一个隐藏的 div。有没有办法让我使用 jquery .show 以便显示此 div(包含文本)，显示几秒钟，比如 3 秒钟，然后再次隐藏，而无需用户重新单击按钮。 (即使用 .hide jquery 函数)。下面我将附上适当的代码:
<body>
<button class="info" id="one"> ? </button>
<div class="pop" id="1" style="display: none">
A Careless criminal has dropped a weapon!
</div>
<script>
$("button#one").click(function () {
$("div#1").show("slow");
});
</script>
</body>
最佳答案
描述
为此，您应该使用 jQuery 的 .show()、.delay() 和 .hide() 方法。
注意:jQuery .show() 和.hide() 在内部使用了.animate()。
检查这个 jSFiddle Demonstration 的示例.
示例
$("button#one").click(function () {
$("div#1").show("slow").delay(3000).hide("slow");
});
更多信息
关于jquery - 如何在 .show jquery 之后添加时间延迟，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8821608/