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

Posted 2023-02-24

【中文标题】如何使用 jQuery 创建 3 秒后消失的对话框？

【英文标题】：How to create dialog with jQuery which disappears after 3 seconds?

【发布时间】：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 秒后消失的“随机文本”的弹出窗口或对话框，我应该如何附加此脚本？

【参考方案1】：

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

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

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

【参考方案2】：

使用jquery.fadeOut()

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

http://jsfiddle.net/gf4***9s/3/

或延迟（）的组合

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

http://jsfiddle.net/gf4***9s/2/

【讨论】：

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