Forum PHP.pl > [JavaScript]Zwiększanie liczby o losową wartość w divach

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Zwiększanie liczby o losową wartość w divach

mlody69

12.04.2014, 17:16:30

Witam,
powiedzmy, że mam 3 divy

[HTML] pobierz, plaintext 
<div class="numbers"></div>
<div class="numbers"></div>
<div class="numbers"></div>
[HTML] pobierz, plaintext

Chcę aby np po kliknięciu jakiegoś buttona w tych divach 'na zywo' odbywało się zwiększanie liczb (start np od liczbyt z przedziału 1-5) a max zdefiniowane w zmiennej.

Kod wygląda następująco:

[HTML] pobierz, plaintext 
var $div = $('.numbers');
var min = Math.floor(Math.random() * 5) +1;
var max = Math.floor(Math.random() * 44) +1;
 
function getRandomInt (min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }
 
var interval=setInterval(run,1000);
 
function run(){
        min=getRandomInt(min+1,max);
        $div.html(min)
        if(min==max){
            clearInterval(interval);
        }
    }
[HTML] pobierz, plaintext

Problem polega na tym, że w obydwu divach liczby zwiększają się tak samo a chciałbym aby wykonywało sie to niezaleznie

ber32

12.04.2014, 19:29:34

Nie jest to zbyt optymalne ale może wystarczy

[PHP] pobierz, plaintext 
       var $div  = $('#numbers'), 
           $div1 = $('#numbers1'),
           $div2 = $('#numbers2');
    var min = Math.floor(Math.random() * 5) +1;
    var max = Math.floor(Math.random() * 44) +1;
 
    function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
    }
 
    var interval=setInterval(run,1000);
 
    function run(){
    mini=getRandomInt(min+1,max);    
      $div.html(mini);
    if(min==max){
    clearInterval(interval);
    }
    }
 
   var intervalll=setInterval(run1,1000);
 
    function run1(){
    miniii=getRandomInt(min+1,max);    
      $div1.html(miniii);
    if(min==max){
    clearInterval(intervalll);
    }
    }
 
   var intervall=setInterval(run2,1000);
 
    function run2(){
    minii=getRandomInt(min+1,max);    
      $div2.html(minii);
    if(min==max){
    clearInterval(intervall);
    }
    }
[PHP] pobierz, plaintext

[HTML] pobierz, plaintext 
    <div id="numbers" class="numbers"></div>
    <div id="numbers1" class="numbers"></div>
    <div id="numbers2" class="numbers"></div>
[HTML] pobierz, plaintext

mlody69

12.04.2014, 21:01:16

Ładne to nie jest ale cóz, moze wystarczy

PrinceOfPersia

12.04.2014, 22:53:07

"ładne nie jest" to eufemizm na to co podał ber32

a można też tak:

EDIT:dodanie czyszczenia intervału:

Kod

http://jsfiddle.net/L5gbu/2/

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.