Pre-load javascript
<p>I have a script to load the time and date, etc.  I have the result load into a div, and that div has an enter CSS3 animation.  The only problem is is that it takes a few seconds for the time and date to actually load and it just suddenly appears.  Since you don't see it immediately when you load the page, you don't even see the animation because it's over by the time the script loads.</p>

<p>So my question is: is it possible to delay the page load until after the time and date script has loaded?</p>

<p>Disclaimer: This is a purely experimental/creative project I'm working on so I'm not worried about efficiency.</p>

<p>Script:</p>

<pre><code>    &lt;script&gt;
    var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")

    var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")

    function getthedate(){
    var mydate=new Date()
    var year=mydate.getYear()
    if (year &lt; 1000)
    year+=1900
    var day=mydate.getDay()
    var month=mydate.getMonth()
    var daym=mydate.getDate()
    if (daym&lt;10)
    daym="0"+daym
    var hours=mydate.getHours()
    var minutes=mydate.getMinutes()
    var seconds=mydate.getSeconds()
    var dn="AM"
    if (hours&gt;=12)
    dn="PM"
    if (hours&gt;12){
    hours=hours-12
    }
    if (hours==0)
    hours=12
    if (minutes&lt;=9)
    minutes="0"+minutes
    if (seconds&lt;=9)
    seconds="0"+seconds
    //change font size here
    var cdate="&lt;div class='ref'&gt;&lt;span&gt;"+hours+":"+minutes+"&lt;/span&gt; "+dn+"&lt;/div&gt;"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+""
    if (document.all)
    document.all.clock.innerHTML=cdate
    else if (document.getElementById)
    document.getElementById("time-date").innerHTML=cdate
    else
    document.write(cdate)
    }
    if (!document.all&amp;&amp;!document.getElementById)
    getthedate()
    function goforit(){
    if (document.all||document.getElementById)
    setInterval("getthedate()",1000)
    }
&lt;/script&gt;
</code></pre>

<p>HTML:</p>

<pre><code>&lt;body onLoad="goforit()"&gt;
   &lt;div id="time-date"&gt;&lt;/div&gt;
&lt;/body&gt;
</code></pre>
