javascript - 一段时间后阻止UI

Question

当我点击按钮时我会使用它

   $(document).ready(function () {
        $('.find').click(function () {
            $.blockUI({
                message: '<table><tr><td><img src="images/please_wait.gif"/></td></tr></table>',
                css: {},
                overlayCSS: {
                    backgroundColor: '#FFFFFF',
                    opacity: 0.4,
                    border: '0px solid #000000'
                }
            });
        });
    });

显示等待图像消息。 现在我想在一段时间后(例如 30 秒后)显示另一条消息。 我不知道是否必须使用 setTimeOut 表达式或其他？ 有什么建议吗？

Answer 1

试试这个代码: 第一个消息弹出窗口关闭后，它将等待 30 秒，然后触发另一个消息弹出窗口。

            $.blockUI({
                message: '<table><tr><td><img src="images/please_wait.gif"/></td></tr></table>',
                css: {},
                overlayCSS: {
                    backgroundColor: '#FFFFFF',
                    opacity: 0.4,
                    border: '0px solid #000000'
                },
                onUnblock : function(){
                    setTimeout(function(){
                        $.blockUI({
                            message: '<table><tr><td><img src="images/please_wait.gif"/></td></tr></table>',
                            css: {},
                            overlayCSS: {
                                backgroundColor: '#FFFFFF',
                                opacity: 0.4,
                                border: '0px solid #000000'
                            }
                        });
                    }, 30000);
                }
            });