代码之家  ›  专栏  ›  技术社区  ›  Markus

我如何用javascript显示加载栏来显示正在运行的javascript的状态

  •  0
  • Markus  · 技术社区  · 15 年前

    我有一个更大一点的javascript,所以我尝试在脚本的开头显示一个.gif,并在脚本完成后隐藏它。但如果我这样做,脚本将运行并在一个进程中执行所有步骤,这样就不会显示图片。如何在运行其余脚本之前强制javascript完成图片的显示?

    2 回复  |  直到 13 年前
        1
  •  0
  •   Community pid    7 年前

    您必须处理加载事件 Jquery img.load question

    --编辑

    var myImg = new Image(); 
    myImg.src = "my.jpg";
    
    var myFunction = function(){
       //code...
    }
    
    myImg.onLoad = function() {
       myFunction();
    }
    

    Obj Img

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

        2
  •  3
  •   Philippe Leybaert    15 年前

    除了拥有长期运行的javascript代码不是一个好主意之外,您还可以使用window.setInterval()显示图像并启动javascript:

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

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