更快的JavaScript处理

刚问了我的第一个问题并得到了很好的回应。 非常有帮助。 帮我创建了这个javascript,在同一页面上创建了两个随机数。

 window.onload = function(){ generateRandomNumber1(); generateRandomNumber2(); }  function generateRandomNumber1(){ var n = 30; var number = Math.floor(Math.random()*n)+1; document.getElementById("random1").innerHTML = number; } function generateRandomNumber2(){ var n = 15; var number = Math.floor(Math.random()*n)+1; document.getElementById("random2").innerHTML = number; }  

A也使用这段脚本来显示延时的两个div:

  var toggle = function() { $("#loadingContainer1").show(); } setTimeout(toggle, 1000);   var toggle = function() { $("#loadingContainer1").hide(); } setTimeout(toggle, 8000);   var toggle = function() { $("#loadingContainer2").show(); } setTimeout(toggle, 7000);   var toggle = function() { $("#loadingContainer2").hide(); } setTimeout(toggle, 14000);  

真的很麻烦,我知道,但是它很有效,我对自己大部分工作都非常满意(在Stack Overflow上得到了很多其他人的帮助)。

无论如何,这一切都有效,所以这不是我的问题,唯一的问题是,随机数生成器工作得如此缓慢,数字出现的div通常在生成随机数之前来去匆匆。 在我刷新页面几次之后,它们通常开始工作得更快一些,但是有什么方法可以加快这个过程,所以在页面加载的第一秒内生成随机数。

非常感谢。

那里有很多杂乱的代码,但也许是因为onload在页面完全加载之前不会触发它的速度很慢。 这是重写您的代码以更好地工作:

  

希望这可以帮助!