Opóźnienie JQuery przed fadeOut

Question

Napisałem skrypt jquery, który pozwala mi zanikać divy i out, a następnie powtórzyć. Kod działa poprawnie. Jednak, gdy próbuję dodać opóźnienie (chcę, aby div pozostał na kilka sekund przed zniknięciem), to nie działa poprawnie. Próbowałem dodać opóźnienie w kilku miejscach wewnątrz kodu i żaden nie wydaje się działać poprawnie. Używam jQuery w wersji 1.9.1

Oto skrypt, który napisałem:

$(document).ready(function(){ 
    ShowPostDiv(0); 
}); 

function ShowPostDiv(divIndex) 
{ 
    $(".home_entry_txt").hide(); 

    if(divIndex >= $(".rotate_hide").length) 
    { 
     divIndex = 0; 
    } 
    var divPostHtml = $(".rotate_hide:eq("+divIndex+")").html(); 
    $(".home_entry_txt").html(divPostHtml); 
    $(".home_entry_txt").fadeIn(3000, function(){ 
      $(".home_entry_txt").fadeOut("slow"); 
     }); 
    divIndex++; 
    setTimeout("ShowPostDiv("+divIndex+")", 4000); 
} 

Answer 1

Myślę, że problemem jest to, że trzeba przekazać funkcję jako pierwszy parametr, a ty przechodzą ciąg znaków. Spróbuj wymienić linii setTimeout() z tym:

setTimeout(function(){ 
    ShowPostDiv(divIndex); 
}, 4000); 

Źródło:http://www.w3schools.com/jsref/met_win_settimeout.asp

Answer 2

można po prostu napisać

$(".home_entry_txt").fadeIn(3000).delay(1000).fadeOut("slow"); 

Answer 3

spróbować

$(document).ready(function(){ 
    ShowPostDiv(0); 
}); 

function ShowPostDiv(divIndex) 
{ 
    $(".home_entry_txt").hide(); 

    if(divIndex >= $(".rotate_hide").length) 
    { 
     divIndex = 0; 
    } 
    var divPostHtml = $(".rotate_hide:eq("+divIndex+")").html(); 
    $(".home_entry_txt").html(divPostHtml); 
    $(".home_entry_txt").fadeIn(3000, function(){ 
     setTimeout(function(){ 
      $(".home_entry_txt").fadeOut("slow"); 
     },4000); 
    }); 
    divIndex++; 
} 

Answer 4

Czy próbowałeś .delay ()? coś takiego:

$(".home_entry_txt").fadeIn().delay(200).queue(function(next) { 
$(".home_entry_txt").fadeOut("slow"); 
});