jquery-ui - 5 秒后显示 JQuery JDialog 并自动关闭

Question

如果响应时间超过 5 秒，如何打开 JQuery JDialog 窗口。

下面是我的代码

$("#Dialog").dialog(
       {
           autoOpen: false,
           modal: true,
           height: 175,
           position: 'center',
           bgiframe: true,
           display: 'visible',
           width: 400
       });

如果响应时间 (AJAX) 需要超过 5 秒，我想显示上面的对话框，并在收到响应 (AJAX) 后自动关闭。

任何帮助都会有帮助。

谢谢

Answer 1

您可以使用setTimeout()启动一个计时器，5 秒后打开对话框。此方法返回对其创建的计时器的引用。在“beforeSend”回调中执行此操作，该回调在请求开始之前执行。

在完整回调(或成功 + 错误回调)中，使用 clearTimeout() 清除计时器。并关闭对话框。

var timer;

$.ajax({
    ...
    beforeSend: function() {
        timer = setTimeout(function() {
            $("#Dialog").dialog('open');
        }, 5000);
    },
    complete: function() {
        clearTimeout(timer);
        $("#Dialog").dialog('close');
    }
});