Question

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

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

最初文字说＆＃34;添加到日历＆＃34;，点击它后，它应该更改为＆＃34;日历更新＆＃34;然后在5秒后改回＆＃34;添加到日历＆＃34;。

<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);
});

Answer 2

在您提供的代码中，点击事件未正确附加，如果您点击“添加到日历”，则不会触发该事件。

你可以使用setTimeout函数在一定时间延迟后调用任何函数，这是你的setTimeout实现的代码。 Fiddle

 $(".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();
 });

Jquery在5秒后将其隐藏起来后显示div

2 个答案: