javascript - Jquery 在 5 秒后隐藏 onclick 后显示 div

Question

嘿，所以我有一个 div，我想在单击按钮后用一些文本替换它，然后在 5 秒后重新显示相同的隐藏文本。我被困在需要重新展示的部分。我使用 onclick 函数隐藏了 div 并附加了一些文本，但几秒钟后我想重新显示原始文本。

这是我需要更改点击文本的链接，然后在 5 秒后显示原始文本...

最初的文字是“添加到日历”，点击它后，它应该更改为“日历已更新”，然后在 5 秒后更改回“添加到日历”。

<div class="resSubmitAction download resDetailsButton">
    <a href="javascript:void(0);">
</div>
<div class="calText"><p>add to calendar</p></div></a>
</div>

Jquery:

$(document).ready(function () {
     $(".resSubmitAction").click(function () {
         $(".calText > p").replaceWith("Calendar Updated");
     });
 });

Answer 1

利用setTimeout函数。 Fiddle

$("#clickme").click(function(){
    var elem = $(this);
    setTimeout(function(){
        elem.hide();        
    }, 5000);
});