几秒钟后如何淡出div答案

【问题标题】：How to fade out div after a few seconds几秒钟后如何淡出div
【发布时间】：2015-05-20 22:14:48
【问题描述】：

当您单击另一个 div 时，我正在使用此代码显示一个 div。但现在我希望 div 在几秒钟后自动淡出。我似乎找不到需要添加的代码...

function Show_Div(card) {
    if (false == $(card).is(':visible')) {
        $(card).fadeIn(250);
    }
    else {
        $(card).fadeOut(250);
    }
}

希望有人能帮帮我！

【问题讨论】：

标签： javascript jquery

【解决方案1】：

如果我正确理解了您的要求，那么遵循 spinet 代码就是满足您要求的解决方案。

function Show_Div(card) {
    if (false == $(card).is(':visible')) {
        $(card).fadeIn(250);
        setTimeout(function(){ $(card).fadeOut() }, 5000);
    }
    else {
        $(card).fadeOut(250);
    }
}

注意：5000（5 秒）是 div 淡出的时间。

编辑：card 是一个变量，所以去掉了单引号

【讨论】：

【解决方案2】：

使用setTimeout:

function Show_Div(card) {
    if (false == $(card).is(':visible')) {
        $(card).fadeIn(250);
        setTimeout(function(){
             $(card).fadeOut(250);
        }, 1000);
    }
    else {
        $(card).fadeOut(250);
    }
}

1000 是一秒

【讨论】：

非常感谢！像魅力一样工作

【解决方案3】：

setTimeout 可以解决问题。

http://www.w3schools.com/jsref/met_win_settimeout.asp

function Show_Div(card) {
if (false == $(card).is(':visible')) {
    $(card).fadeIn(250);
    setTimeout(function(){ $(card).fadeOut(250); }, 3000);
}
else {
    $(card).fadeOut(250);
}

}

【讨论】：

您应该使用=== 进行精确比较