javascript - 几秒钟后如何淡出div

标签 javascript jquery

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

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

希望有人能帮帮我!

最佳答案

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

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

Note: 5000(5 seconds) is the time after which the div will fadeout.

Edit: card is a variable so removed the single quotes

关于javascript - 几秒钟后如何淡出div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30351893/

相关文章:

javascript - 如何使用 react 钩子(Hook)动态创建处于状态的对象?

javascript - 如何使用 Jquery 在 Javascript 中声明全局变量

javascript - AngularJS 从 HTML 中的 <p> 获取值

javascript - 在 jqgrid 中完成编辑

jquery - 通过 ajax 调用发布附件时,JIRA Rest API 调用返回 "the request was rejected because no multipart boundary was found "

javascript - 在 <head> 中(在函数/类中)使用 jquery append()

javascript - 当包含参数时,函数调用不起作用

javascript - 模拟拖放文件事件

javascript - 使用 jquery 切换动画

javascript - 从另一个js文件中的另一个函数重新加载dataTable ajax源