如何在.show jquery之后添加时间延迟答案

【问题标题】：how to add a time delay after .show jquery如何在.show jquery之后添加时间延迟
【发布时间】：2012-01-11 15:12:08
【问题描述】：

我的页面上有一个按钮，按下时会显示一个隐藏的 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 html button

【解决方案1】：

说明

您应该使用 jQuery 的 .show()、.delay() 和 .hide() 方法。

注意： jQuery .show() 和 .hide() 在内部使用 .animate()。

查看这个 jSFiddle Demonstration 的示例。

样本

$("button#one").click(function () {
    $("div#1").show("slow").delay(3000).hide("slow");
});

更多信息

【讨论】：

【解决方案2】：

是的，很容易，使用delay 和hide：

$('div#1').show('slow').delay(3000).hide('slow');

请注意，这是因为hide 是一个动画函数。如果您没有动画功能并想做其他事情（例如使用remove 删除），则必须使用不同的方法，使用回调和setTimeout。

【讨论】：