Pseudo-wątki w javasript Opcje

[slammer]

Napisałem klasę generującą coś na wzór wątków:

[HTML] pobierz, plaintext 
<script>
Object.prototype.$ = function(v){
    return document.getElementById(v);
}
MyInterval = function (f, t){
    this.func = f
    this.time = t;
    this.handler;
 
    this.start = function() {
        this.handler = setInterval(this.func, this.time);
    }
    this.repeat = function(h) {
        h.handler = setInterval(h.func, h.time);
    }
    this.sleep = function(time) {
        this.stop();
        setTimeout(this.repeat, time, this);
    }
    this.stop = function() {
        clearInterval(this.handler);
    }
}
</script>
    watek :
    <div id="watek1"></div>
    watek 2:
    <div id="watek2"></div>
    watek 3:
    <div id="watek3"></div>
    <script>
        var i = 0;
        animacja = function() {
            i+=2;
            $('watek1').style.marginLeft = i+'px';
            $('watek1').innerHTML = i;
            if(i == 26) {watek.sleep(3000)};
            if(i == 60) {watek.sleep(3000)};
            if(i == 70) {watek.stop()};
        }
        var j = 0;
        animacja2 = function() {
            j+=2;
            $('watek2').style.marginLeft = j+'px';
            $('watek2').innerHTML = j;
            if(j == 30) {watek2.sleep(2000)};
            if(j == 74) {watek2.sleep(2000)};
            if(j == 100) {watek2.stop()};
        }
        var k = 0;
        animacja3 = function() {
            k+=2;
            $('watek3').style.marginLeft = k+'px';
            $('watek3').innerHTML = k;
            if(k == 34) {watek3.sleep(1500)};
            if(k == 64) {watek3.stop()};
        }
        watek = new MyInterval(animacja, 500);
        watek.start();
 
        watek2 = new MyInterval(animacja2, 450);
        watek2.start();
 
        watek3 = new MyInterval(animacja3, 400);
        watek3.start();
    </script>
[HTML] pobierz, plaintext 

Wszystko jest ok jeśli wywołuje tak jak wyżej lecz jeśli wywołam tak:

[HTML] pobierz, plaintext 
watek = new MyInterval(animacja, 500);
         watek.start();
 
         watek2 = new MyInterval(animacja2, 500);
         watek2.start();
 
         watek3 = new MyInterval(animacja3, 500);
         watek3.start();
[HTML] pobierz, plaintext 

to zaczynają dziać się strasznie dziwne rzeczy. Nie dość, że przeskoki idą co 6 (2+2+2) to wykonują się zapewne co 1500 milisekund...

Czy mam jakiś błąd w kodzie, czy tak poprostu zachowuje się Javascript?

[lord_t]

Wg mnie to przeglądarka 'muli' przy trzech setInterval() naraz. U Ciebie raczej nie ma błędu.

Możnaby jeszcze pokombinować tak, żeby jeśli mamy już określony interwał dla pierwszego wątku, to gdy 2. jest taki sam jak 1., żeby był zmieniany trochę (o 10, 20, 100?), co dla człowieka raczej nie powinno być zauważalne, a być może rozłoży obciążenie.

PS. Swoją drogą fajny pomysł, żeby zrobić wątki w JS:) Chociaż czy to możliwe? Wątki powinny odciążyć proces, a tu się to w nie dzieje.

Ten post edytował lord_t 8.04.2008, 00:00:11

[slammer]

Cięzko mówić o procesie w Javascript, dlatego nazwałem to pseudo-wątkiem (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Btw. fajny pomysł z tym dodaniem wartości, musze to doklepać do kodu. Tylko w js nie ma żadnej metody na sprawdzenie poszczególnych właściwości w jakiś prosty sposób (jak porównać this.time z this.time). Hmmm może tak w globalnej tablicy...