Javascript 通过 blockUI 和 setTimeOut 重定向使用

Question

我以前 Javascript 页面在函数中使用 $.blockUI，我想要 3 秒阻止此页面。这就是为什么我添加到 setTimeOut 但此函数在 blockUI 之后调用到 Redirect function 的原因。不要在此代码中使用 setTimeOut 或调用重定向函数。

我该怎么做？

    $.blockUI({
       message: "block message",
        css: {
            border: 'none',
            padding: '15px'
        }
    });
    setTimeout($.unblockUI, 3000);
    URL.Redirect("RedirectURLfunctionName");

Answer 1

在您的代码中，它不会等待 setTimeout 超时，只会在块中的所有代码执行完毕后执行。
onUnblock 当所有阻塞元素都被移除时调用回调

$.blockUI({
    message: "block message",
    css: {
        border: 'none',
        padding: '15px'
    }
})

setTimeout(function () {
    $.unblockUI({
        onUnblock: function () { URL.Redirect("RedirectURLfunctionName"); }
    });
}, 3000);

Javascript 通过 blockUI 和 setTimeOut 重定向使用

Javascript Redirect use with blockUI and setTimeOut

javascript

settimeout

url-redirection

jquery-blockui