Javascript 过了一段时间后,blockUI

Javascript 过了一段时间后,blockUI,javascript,jquery,html,Javascript,Jquery,Html,当我点击一个按钮时,我使用这个 $(document).ready(function () { $('.find').click(function () { $.blockUI({ message: '<table><tr><td><img src="images/please_wait.gif"/></td></tr></table>

当我点击一个按钮时,我使用这个

   $(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'
                }
            });
        });
    });
$(文档).ready(函数(){
$('.find')。单击(函数(){
$.blockUI({
消息:“”,
css:{},
覆盖层:{
背景颜色:“#FFFFFF”,
不透明度:0.4,
边框:“0px实心#000000”
}
});
});
});
显示正在等待的图像消息。 现在我想在一段时间后(例如30秒后)显示另一条消息。 我不知道是否必须使用setTimeOut表达式或其他表达式?
有什么建议吗?

使用
setTimeout

$(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'
            }
        });

        setTimeout(function(){
           $.unblockUI();
           alert("New Message after 30 seconds");
        }, 30000);
    });
});
$(文档).ready(函数(){
$('.find')。单击(函数(){
$.blockUI({
消息:“”,
css:{},
覆盖层:{
背景颜色:“#FFFFFF”,
不透明度:0.4,
边框:“0px实心#000000”
}
});
setTimeout(函数(){
$.unbui();
警报(“30秒后新消息”);
}, 30000);
});
});
30秒后,用户界面将解锁,并显示新的警报消息

希望这将对您有所帮助。

请尝试以下代码: 关闭第一个消息弹出窗口后,它将等待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);
                }
            });
$.blockUI({
消息:“”,
css:{},
覆盖层:{
背景颜色:“#FFFFFF”,
不透明度:0.4,
边框:“0px实心#000000”
},
onUnblock:函数(){
setTimeout(函数(){
$.blockUI({
消息:“”,
css:{},
覆盖层:{
背景颜色:“#FFFFFF”,
不透明度:0.4,
边框:“0px实心#000000”
}
});
}, 30000);
}
});

setTimeOut对于您来说非常好。