Javascript 如何在特定时间后删除HTML附加

目前，我有一个使用jquery和php上传信息的页面，接下来它应该显示最近添加的项目几秒钟，然后淡出它们，但为最近添加的项目留下div。 项目将显示在中

 '<ul id="responds" >

  '</ul>

”

“

作为列表项，只要插入成功 使用此ajax请求

 '$.ajax({
  type: "POST", // HTTP method POST or GET
  url: "response.php", //Where to make Ajax calls
  dataType:"text", // Data type, HTML, json etc.
  data:myData, //
  success:function(result){
     $("#responds").delay(10000).fadeIn();
    $("#responds").append("<li class='res'>"+result+"</li>");
           $('.res').remove();
          $("#proyecto").val(''); //empty text field on successful
          $("#departamento").val(''); //empty text field on successful
          $("#tipo_activo").val(''); //empty text field on successful
          $("#modelo").val(''); //empty text field on successful
          $("#numero_serie").val(''); //empty text field on successful
          $("#marca").val(''); //empty text field on successful
          $("#numero_remision").val(''); //empty text field on successful
    $("#cuenta_sap").val(''); //empty text field on successful
    $("#ubicacion").val(''); //empty text field on successful
    $("#nombre").val(''); //empty text field on successful
    $("#codigo_centro_beneficio").val(''); //empty text field on successful
    $("#FormSubmit").show(); //show submit button
    $("#LoadingImage").hide(); //hide loading image'

”$.ajax({
键入：“POST”，//HTTP方法POST或GET
url:“response.php”，//在哪里进行Ajax调用
数据类型：“text”，//数据类型、HTML、json等。
数据：myData//
成功：功能（结果）{
$（“#响应”）.delay（10000）.fadeIn（）；
$（“#响应”）.append（“
”+result+”
”）；
$（'.res'）.remove（）；
$（“#proyecto”）.val（“”）；//成功时为空文本字段
$（“#departamento”）.val（“”）；//成功时为空文本字段
$（“#tipo_activo”）.val（“”）；//成功时为空文本字段
$（“#modelo”）.val（“”）；//成功时为空文本字段
$（“#numero_serie”）.val（“”）；//成功时为空文本字段
$（“#marca”）.val（“”）；//成功时为空文本字段
$（“#numero_remision”）.val（“”）；//成功时的空文本字段
$（“#cuenta_sap”）.val（“”）；//成功时为空文本字段
$（“#ubicacion”）.val（“”）；//成功时为空文本字段
$（“#nombre”）.val（“”）；//成功时为空文本字段
$（“#codigo_centro_bengio”）.val（“”）//成功时为空文本字段
$（“#FormSubmit”）.show（）；//显示提交按钮
$（“#加载图像”）.hide（）；//隐藏加载图像'

---

基本上，我的问题是如何在插入后附加'res'，然后在一段时间后淡出，如果我添加了另一个条目，则为它提供相同的淡出时间，但不在第一个条目之后。

给附加一个唯一的ID，并创建一个超时来查找ID并删除它。

您可以通过创建实际的jQuery ob来实现这一点对象，然后在超时或回调函数中再次删除它们，类似于

$.ajax({
    type: "POST",
    url: "response.php",
    dataType: "text",
    data: myData,
    success: function (result) {
        var li = $('<li />', {
            'class' : 'res',
            text    : result
        });

        $("#responds").append(li).delay(10000).fadeIn();

        setTimeout(function() {
            li.fadeOut(function() {
                $(this).remove();
            });
        }, 15000)

        .... etc

$.ajax({
类型：“POST”，
url:“response.php”，
数据类型：“文本”，
数据：myData，
成功：功能（结果）{
变量li=$（“
”{
“类”：“res”，
文本：结果
});
$（“#responses”）.append（li）.delay（10000）.fadeIn（）；
setTimeout（函数（）{
li.fadeOut（函数（）{
$（this.remove（）；
});
}, 15000)
等