在脚本执行期间显示启动画面

Question

我想知道如何在脚本执行期间在用户屏幕上显示启动画面(如gif或jpeg文件).

谢谢您的帮助.

Answer 1

诀窍是在启动启动显示之后让渲染重新绘制,然后再继续使用长时间运行的JS.为此,您可以使用setTimeout方法.

例如,假设您的启动显示位于显示样式为none的div中,则可以使用此功能运行代码: -

function splash(splashDivId, fn)
{
    var splashDiv = document.getElementById(splashDivId)
    splashDiv.style.display = "block";
    setTimeout(function() {
       fn()
       splashDiv.style.display = "none";
    }, 100);

}

用法:-

splash("mySplashDiv", longRunner)

function longRunner()
{
    //This may take a while
}