JQuery-Verzögerung vor FadeOut

Ich habe ein Jquery-Skript geschrieben, mit dem ich Divs ein- und ausblenden und dann wiederholen kann. Der Code funktioniert gut. Wenn ich jedoch versuche, eine Verzögerung hinzuzufügen (ich möchte, dass das Div einige Sekunden vor dem Ausblenden bleibt), funktioniert es nicht richtig. Ich habe versucht, die Verzögerung an mehreren Stellen im Code hinzuzufügen, und keine scheint richtig zu funktionieren. Ich verwende Jquery Version 1.9.1

Hier ist das Skript, das ich geschrieben habe:

$(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);
}

Du kannst einfach schreiben

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

Haben Sie .delay() versucht? etwas wie:

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

Versuche dies

$(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++;
}