Home/ Questions/Q 228331
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T19:40:23+00:00

I have some functions that I am calling and they take some time (milliseconds),

  • 0

I have some functions that I am calling and they take some time (milliseconds), but I don’t want the page to display until these functions have completed. Right now, I can tell that the page loads and then the scripts eventually complete.

Right now, I am calling the functions in the body onload.

Also, another issue I may have is that I need to access div elements in the html content, can I do that in my body onload function (getElementById(‘somDiv’)?

Here is the workflow.

  1. Make a call to getElementById(‘someDiv’) to get an element from the page.

  2. Invoke the function someFunc, this function is in the body onload=someFunc()

  3. Wait until someFunc is finished

  4. Display page to user once my function has completed.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What you could do is keep your page content in a div that is initially styled with display:none. Then when your javascript code finishes, update the style on the div to display:block, e.g.:

    <html>
    <head>
        ...
        <style type="text/css">
            html, body, #body {
                height: 100%;
                width: 100%;
                padding: 0;
                margin: 0;
            }
            #body {
                display: none;
            }
        </style>
        <script type="text/javascript">
            function myFunc() {
                ...
                getElementById('body').style.display = 'block';
            }
        </script>
    </head>
    <body onload="myFunc();">
        <div id="body>
            ...
        </div>
    </body>
</html>

    Then Bob’s your uncle: the page looks like it has delayed loading until after your script is finished.

    • 0