如何使用 jQuery 创建 3 秒后消失的对话框？答案

【问题标题】：How to create dialog with jQuery which disappears after 3 seconds?如何使用 jQuery 创建 3 秒后消失的对话框？
【发布时间】：2016-03-19 14:09:18
【问题描述】：

我的按钮类：button-stg

我的脚本：

$(document).ready(function(){
    $(".button-stg").click(function(event) {
        event.preventDefault();
        $.ajax($(this).attr('href')).done(function(response) {

        });
    });
});

如果我想创建一个包含 3 秒后消失的“随机文本”的弹出窗口或对话框，我应该如何附加此脚本？

【问题讨论】：

标签： javascript php jquery ajax twitter-bootstrap

【解决方案1】：

您可以像这样选择在您的代码上使用 setTimeout 函数

setTimeout(function(){
    $(dialog).close();
}, 5000);

记住对话框是模态类还是 id。

【讨论】：

【解决方案2】：

使用jquery.fadeOut()

$('.popup').fadeOut(3000);

http://jsfiddle.net/gf4vpn9s/3/

或延迟（）的组合

 $('.popup').delay(3000).fadeOut();

http://jsfiddle.net/gf4vpn9s/2/

【讨论】：

我应该在哪里添加我的代码？以及如何设置弹出消息文本？