Wait until function is loaded

Question

How can I in jQuery test when a javascript function is fully loaded? I would like to use a gif, which displays loading, while the javascript function loads, and hide it when the function is fully loaded?

Answer 1

$(function(){
    $("#loadingGIF").show();
    WaitForFunction();
});

function WaitForFunction()
{
    if (!$.isFunction(FUNCTION_TO_WAIT_ON_HERE)) {
       setTimeout( WaitForFunction, 100);
       return;
    }
    Function_Loaded();
}

function Function_Loaded(){
      $("#loadingGIF").hide();
}

Answer 2

Just call yourself after defining the function. The statements after the function definition will only be executed after the preceding source text is read (and thus executed).

Answer 3

I'm not sure what you mean by loading but the following should apply anyway:

1. When you start loading the JavaScript code, display the GIF
2. In the code you load, add a statement to hide the GIF at the end

This should solve your problem in a "simple" way without having to use timers, etc.