jQuery在5秒后將onclick隱藏后顯示div

Question

嘿，所以我有一個div，我想在單擊按鈕后用一些文本替換，然后在5秒后重新顯示相同的隱藏文本。 我被困在需要重新顯示的部分。 我用onclick函數隱藏了div，並添加了一些文本，但是幾秒鍾后，我想重新顯示原始文本。

這是我需要更改onclick文本的鏈接，然后在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函數。 小提琴

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

Answer 2

在您提供的代碼中，click事件未正確附加，如果您單擊“添加到日歷”，則不會觸發該事件。

您可以使用setTimeout函數在一定的時間延遲后調用任何函數，這是實現了setTimeout的代碼。 小提琴

 $(".calText").click(function () {
     var originalText = $(".calText > p").text();
     $(".calText > p").text("Calendar Updated");

     setTimeout(function(){ 
             $(".calText > p").text(originalText) 
     }, delayTime);

     //Just a little timer I added
     triggerTimer();
 });