Как удалить HTML-приложение через определенное время

Question

В настоящее время у меня есть страница, использующая jquery и php для загрузки информации, затем она должна отображать недавно добавленные элементы в течение нескольких секунд, а затем угасать их, но оставить div для недавно добавленные элементы. элементы показываются в

'<ul id="responds" > 

    '</ul> 

как элементы списка, когда вставка успешна с этим запросом АЯКС

'$.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' 

basiclly мой вопрос, как бы я сделать, чтобы добавить «Рез» после того, как вставлять, а затем постепенно исчезать, и если я добавлю еще одну запись, дайте ей то же самое время, но не переняв первое.

Answer 1

Вы можете сделать это путем создания реальных объектов JQuery, а затем просто удалить их снова в тайм-аут или функцию обратного вызова, что-то вроде

$.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 

Answer 2

Дайте добавить уникальный идентификатор и создайте тайм-аут, который ищет идентификатор и удаляет его.