一定时间后删除 div答案

【问题标题】：Remove div after a certain amount of time一定时间后删除 div
【发布时间】：2012-07-03 01:28:35
【问题描述】：

所有，我有以下 jQuery 代码：

jQuery.post(site_url + "save_data.php", jQuery(this).serialize(),
    function(data) {
        //alert("Data Loaded: " + data);
        jQuery("#results").html(data+"<br><br>");
        jQuery("#check_submission").val("yes");
    });

我想在一定时间（5 秒）后淡出结果 div。

除此之外，如果我重新提交表单，我想再次显示结果 div 5 秒钟，然后再次淡出。

任何人都可以指出正确的方向吗？

谢谢！

【问题讨论】：

看看fadeOut/fadeIn（在setTimeout内调用）

标签： jquery

【解决方案1】：

jQuery.post(site_url + "save_data.php", jQuery(this).serialize(), function(data) {
    //alert("Data Loaded: " + data);
    var results = jQuery("#results");

    results.html(data+"<br><br>")

    results.show(); // re-display the div
    setTimeout(function(){ // then fade it out....
      results.fadeOut();
    }, 5000); // ...after 5 seconds

    jQuery("#check_submission").val("yes");
});

【讨论】：

【解决方案2】：

将结果行替换为以下内容：

$("#results").html(data+"<br><br>").fadeIn(10).delay(5000).fadeOut(200);

它将在 10 毫秒内平滑淡入（100 可能会更好）撤消之前的任何淡出，延迟 5 秒，然后在 200 毫秒内淡出。

编辑：如果您使用的是 jQuery

$("#results").html(data+"<br><br>").fadeIn(10).animate({opacity: 1.0}, 5000, function () { 
    $("#results").fadeOut(200);
});

【讨论】：