Witam,

Mam taki kod, chciałbym żeby liczba w div'ie losowo się wybierała paręnaście razy, dość szybko, aby stworzyć iluzję losowania liczby (coś jak migające owocki w jednorękim bandycie).
Niestety JavaScript to dla mnie czarna magia . Wymyśliłem że muszę wywołać funkcję losuj() automatyczne, a nie po kliknięciu.
Jakieś sugestie?

[PHP] pobierz, plaintext 
<button onclick="losuj()">Try it</button>
 
<p id="demo"></p>
 
<script>
function losuj() {
 
for(i=1; i<5; i++){
 
    var x = document.getElementById("demo")
 
}
    x.innerHTML = Math.floor((Math.random() * 10) + 1);
}
</script>
[PHP] pobierz, plaintext 

setInterval()

Ślicznie dziękuję

EDIT:

A jeszcze mam pytanko. Jak zrobić żeby dla kilku akapitów "p" ta funkcja działa?

[PHP] pobierz, plaintext 
<p id="demo"> 1 </p><p id="demo2"> 2 </p><p id="demo"> 3 </p>
 
<script>
    var x = document.getElementById("demo");
    var ps = "20";
var z = setInterval(function losuj() {
    x.innerHTML = Math.floor((Math.random() * 99) + 1);
	}, 20);
 
setTimeout("stop()",2000);
 
function stop(){
	clearInterval(z);
}
</script>
 
[PHP] pobierz, plaintext 

Tutaj działa tylko dla pierwszego, a chciałbym żeby jakoś prosto odnieść się do wszystkich elementów <p class="demo"></p> i żeby w każdym z osobna "losowała się" liczba.
Druga rzecz to tam gdzie jest drugi argument setInterval - 20 - jak można dodać tutaj zmienną? Chciałbym zrobić pętlę for i zmieniać jej wartość o 1 aż dojdzie do zera, przez co byłby efekt zwalniania tej cyfry(?)...
Halp!

Co jest z tym nie tak, że nie działa?

[PHP] pobierz, plaintext 
 
<p class="demo"> </p>
<p class="demo"> </p>
<p class="demo"> </p>
 
<script>
for(i=0;i<3;i++)
  {
	var z = setInterval(function () {
         document.getElementsByClassName("demo")[i].innerHTML = Math.floor((Math.random() * 99) + 1);
	}, 20);
}
setTimeout("stop()",2000);
</script>
[PHP] pobierz, plaintext 

EDIT:
Doszedłem do czegoś takiego:

[PHP] pobierz, plaintext 
<p class="demo"></p>
<p class="demo"></p>
<p class="demo"></p>
 
<script>
var demo = document.getElementsByClassName("demo").length;
 
for(i=0;i<demo;i++)
  {
var u = document.getElementsByClassName("demo")[i];
 
	    function losuj2() {
	    u.innerHTML = Math.floor((Math.random() * 99) + 1);
	    }
  }
	    var z = setInterval(function (){ losuj2();}, 20);
 
setTimeout("stop()",2000);
function stop(){
	clearInterval(z);
}   
 
</script>
[PHP] pobierz, plaintext 

Ale działa tylko na ostatnim akapicie, pierwsze dwa nie mają żadnej wartości :/

http://jsfiddle.net/7a0qez05/

Po sporej dłubaninie wydłubałem...

[PHP] pobierz, plaintext 
<p class="demo"></p>
<p class="demo"></p>
<p class="demo"></p>
<script>
 
var interwal = setInterval(function() {
      for (var i = 0; i < document.getElementsByClassName("demo").length; i++) {
        document.getElementsByClassName("demo")[i].innerHTML = Math.floor((Math.random() * 99) + 1);
      }
}, 20);
 
setTimeout(function stop(){clearInterval(interwal);}, 2000);
</script>
 
 
[PHP] pobierz, plaintext 

Jak mogę teraz wyciągnąć, cyfry które zostały wylosowane, do zmiennych? Najlepiej od razu do PHP.

Myślę że lepiej byłoby losować liczby po stronie serwera, następnie ajaxem pobierać wyniki w zależności od potrzeby. Szkoda obciążać przeglądarkę.