JQuery在5秒后删除.append

Question

哦,天哪,今天很多 - 哎呀

伙计们,最好的办法:

$j('.done').append('Your services have been updated');

(那些位完成)

但是在说5秒之后删除附加,这样如果一个人重新提交表格(允许),附加不会继续添加文字？即更新一次"您的服务已更新",两次会显示"您的服务已更新您的服务已更新"但我只希望您的服务已更新以显示一次

Answer 1

(function (el) {
    setTimeout(function () {
        el.children().remove('span');
    }, 5000);
}($j('.done').append('<span>Your services have been updated</span>')));

我知道它看起来很奇怪..我这样做是为了自我控制.当调用该匿名函数时,会立即执行追加...然后将附加元素保存el为该匿名范围,该范围本身timeout在5000ms之后触发时将被删除.

编辑:

我编辑了上面的函数,所以它不会破坏父元素(对不起)

Answer 2

• 演示: http ://so.lucafilosofi.com/jquery-remove-append-after-5-seconds

通过递增或递减来设置时间 delay(#)

$j('.done').delay(2000).fadeOut(200,function() {
    $(this).html('Your services have been updated').fadeIn(200);
});