javascript - 在脚本 block 之前显示消息

Question

我有一个同步运行的大型脚本，我想在它运行之前显示一条消息，如“正在处理，请稍候...”，这样用户就不会想知道为什么页面会卡住几秒钟。我正在尝试做类似的事情:

messageBox.html("Processing, please wait...");

// run hefty script

messageBox.html("Finished!");

但是页面在显示消息之前就被阻塞了，即使 messageBox.html() 语句先出现也是如此。这是为什么？

Answer 1

有时在超时时触发“大量脚本”是有意义的。

messageBox.html("Processing, please wait...");

setTimeout(function () {
    heftyScript();

    messageBox.html("Finished!");
}, 1);

发生这种情况的原因是因为它通常会保留 UI 更新，直到事件循环结束(在您的“大量”脚本完成之后)。设置超时可确保大量脚本在事件循环的后续迭代之前不会运行(让 UI 预先在当前迭代结束时更新)。