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