如何在几秒钟后淡出div

Question

我在点击另一个代码时使用此代码显示div。但是现在我想让div在几秒钟后自动淡出。 我似乎无法找到我需要添加的代码......

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

希望有人可以帮助我！

Answer 1

如果我正确理解您的要求，那么以下代码可以满足您的要求。

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

  

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

     

编辑：卡片是一个变量，因此删除了单引号

Answer 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是一秒

Answer 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);
}

}