Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] Problem z animacją setInterval
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
propage
poniżej wklejam kompletny kod animacji;

Kod
var hoverInterval;

function doStuff_plus(){ doStuff(1); }
function doStuff_minus(){ doStuff(-1); }

function doStuff(hm) {
    
    var h = $('.thumb_slider div').height();
    //alert(h);
    var top = $('.thumb_slider div').css('top');
        
        top = top.replace('px', '');
        top = parseInt(top);        
    
    
        top += hm;
        
    var r =    h + top - 405;
    
    if(top<0 && r > 0)
    {
        $('.thumb_slider div').css({'top':top+'px'});
    }
}

$(function() {
           hoverInterval = setInterval(doStuff_minus,1);

    );
});



problem jest taki, że pod FireFoxem, animacja jest bardzo powodlna, mniejwięcej 10 razy wolniej element przesuwa się niż pod chrome lub ie.
Wydaje mi się że funkcja doStuff jest wywoaływana tyle samo razy wciagu 1 sekundy na wszystkich 3 przeglądarkach, a problem leży w samej funkcji ".css(" w jaki sposób to można poprawić?
kamil4u
Umieść JS z CSS i HTML tutaj: http://jsfiddle.net/
Wtedy pobawię się i powiem Ci

Poza tym musi być użyty ten kod i jQuery czy mogę poprawić to w czystym JS?
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.