我怎么能用javascript显示一个加载栏来显示正在运行的javascript的状态

Question

我有一个更大的Javascript，所以我尝试在脚本开头显示.gif并在完成后隐藏它。但是，如果我这样做，脚本运行并在一个过程中执行所有步骤，因此图片永远不会显示。在运行脚本的其余部分之前，如何强制javascript完成图片的显示？

Answer 1

除了使用长时间运行的javascript代码不是一个好主意之外，您可以使用window.setInterval（）显示图像并启动javascript：

showBusy();
window.setTimeout(function() { startLongCode(); }, 100);

这将显示忙碌指示灯并在100ms后启动您的功能。

Answer 2

您必须使用加载事件Jquery img.load question

- 编辑

var myImg = new Image(); 
myImg.src = "my.jpg";

var myFunction = function(){
   //code...
}

myImg.onLoad = function() {
   myFunction();
}

Obj Img

您应该根据需要扩展此示例。我希望它会有用。