Более быстрая обработка javascript

Question

Просто задал свой первый вопрос и получил отличный ответ. Настолько полезно. Помогло мне создать этот бит javascript для создания двух случайных чисел на одной странице.

<script> 
window.onload = function(){ 
generateRandomNumber1(); 
generateRandomNumber2(); 
}</script> 

<script> 
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; 
} 
</script> 

также использовать этот бит сценария, чтобы показать две дивы на временной задержки:

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

Действительно громоздким, я знаю, но это работает, и я очень доволен собой для работая большую часть этого из себя (с большой помощью из чужих потоков на переполнение стека).

В любом случае, все это работает, так что это не моя проблема, единственная проблема заключается в том, что генератор случайных чисел работает так медленно, что числа div, в которые появляются числа, обычно приходят и уходят, прежде чем генерируются случайные числа , После того, как я обновляю страницу несколько раз, они обычно начинают работать немного быстрее, но есть ли способ ускорить процесс, чтобы случайные числа генерировались в течение первой секунды загрузки страницы.

Большое спасибо.

Answer 1

Существует много грязного кода, но, возможно, это связано с тем, что onload не срабатывает, пока страница полностью не загрузится, что она медленная. Ниже приведен код вашего кода для лучшей работы:

<script type="text/javascript"> 
    $(function() { // uses jQuery's "ready" handler 
     $("#random1").html(Math.floor(Math.random()*30)+1); 
     $("#random2").html(Math.floor(Math.random()*15)+1); 
     $("#loadingContainer1").delay(1000).fadeIn(0).delay(7000).fadeOut(0); 
     $("#loadingContainer2").delay(7000).fadeIn(0).delay(7000).fadeOut(0); 
    }); 
</script> 

Надеюсь, это поможет!