Javascript在頁面加載？

Question

這是我的代碼：

var myarray=[(lots of things)]; 
var elem=document.getElementById('subtitle'); 
window.setInterval(function(){ 
    elem.innerHTML=myarray[Math.round((myarray.length-1)*Math.random())]; 
},30000); 

這工作得很好，除了前30秒，沒有任何反應。我必須等到它重新發生時纔會發生。我可以在頁面加載時從myarray中選擇一個嗎？謝謝

Answer 1

它必須等待30秒，因爲當你設置一個時間間隔時，它不會馬上點燃它！分解成一個函數並調用它。如果將腳本添加到頁面上的元素後面，則不必擔心window.onload或文檔已準備就緒。

<div id="subtitle"></div> 
<script> 
    (function(){ 
     var myarray=[(lots of things)]; 
     var elem=document.getElementById('subtitle'); 

     function dispNum() { 
      elem.innerHTML=myarray[Math.round((myarray.length-1)*Math.random())]; 
      window.setTimeout(dispNum,30000); 
     }  
     dispNum(); 
    })(); 
</script> 

reunning例如：jsFiddle