淡出之前的jQuery延迟 [英] JQuery delay before fadeOut

问题描述

我写了一个jquery脚本，可以让div淡入和淡出，然后重复.该代码工作正常.但是，当我尝试添加延迟时(我希望div在消失之前保持几秒钟的时间)，它无法正常工作.我尝试在代码中的多个位置添加延迟，但似乎都无法正常运行.我正在使用Jquery 1.9.1版

I have written a jquery script that allows me to fade divs in and out, then repeat. The code works fine. However, when I try to add a delay (I want the div to stay up a few seconds before fading out), it does not work properly. I've tried adding the delay in several places inside the code and none seem to function properly. I am using Jquery version 1.9.1

这是我编写的脚本:

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

推荐答案

您可以编写

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

这篇关于淡出之前的jQuery延迟的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！