[JavaScript]Zwiększanie liczby o losową wartość w divach Opcje

[mlody69]

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]

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]

Ładne to nie jest ale cóz, moze wystarczy (IMG:style_emoticons/default/wink.gif)

[PrinceOfPersia]

"ładne nie jest" to eufemizm na to co podał ber32 (IMG:style_emoticons/default/wink.gif)

a można też tak:

EDIT:dodanie czyszczenia intervału:

Kod

var min = ~~(Math.random() * 5);
var max = 50;

$(function() {
  
   var interval = setInterval(function() {
     var counter = 0;
     var numbers = $('.numbers');
    
     numbers.each(function() {
          var number = this.number || min;
          number += ~~(Math.random() * 5) + 1;
          if (number > max) {
              number = max;
              counter++;
          }
          
          this.number = this.innerHTML = number;
      });
       if (counter >= numbers.length) clearInterval(interval);
    },1000);
});

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

Ten post edytował PrinceOfPersia 12.04.2014, 23:02:36