load array at another time

[reubin haz]

I create an empty array and pass it to some other function that will display it on the page. (its empty yet)
I want to wait 5 seconds and load some elements to the array, which will be displayed onto the page. But don't how to implment it.
I tried this but failed:

setTimeout('reload()', 5000);
var arr= new Array(); 
loadArr(arr);  
 
function reload() { 
arr= new Array("111", "222", "333");  
}

[Purushoth Thambu]

I tried this and it worked for me.

<script>
     var arr = new Array();
   function preload()
   {
     alert('Hi');
 setTimeout('reload()',500);
 }
 
 function reload()
 {
    arr[1]="5";
    alert('welcome to timeout');
alert(arr[1]);
}
 
</script>

and I called preload in body onload event. What error/exception you are getting?

[reubin haz]

What I would like to do is like the code showing below. The page will show the 1st element of the array first, which is 'undefined', after 5 seconds, I want add something to the array, but the page itself does not change. How should I change to make it work? Thanks.

  
 
<script>
     var arr = new Array();
   function preload()
   {
         alert('Hi');
 setTimeout('reload(arr)',500);
 window.document.getElementById("egg").innerHTML = arr[0];
   } 
 
  function reload(arr)
  { 
arr[0]="5";  
  } 
 
</script>
</head>
 
<!--   in the body .......   -->
<div id="egg"></div> 
 

[Purushoth Thambu]

setTimeout is not a blocking call. You need to rewrite something similar to this:

<script>
  var arr= new Array();
 
  function preload()
  {
    setTimeout('populate()',500);
   }
   function populate()
   {
     arr[0]="5";
     setDiv(0);
   }
   function setDiv(position)
   {
window.document.getElementById("egg").innerText=arr[position];
   }
 <script>