Alapvető szintaxis egy animáció hurok?

szavazat
1

Tudom, hogy a jQuery, például, lehet animáció a fajta. Azt is tudjuk, hogy a központi elemét képezi az animáció, ott kell nekem valami hurok csinál az animációt. Mi egy példát egy ilyen hurok?

A teljes válasz ideális esetben válaszoljon az alábbi kérdésekre:

  • Mi az alap szintaxis hatékony animációs rekurzió hogy animálhatja egyetlen tulajdonság egy adott objektum egy időben? A funkció lehetővé kell tenni, hogy változik a céltárgy és a tulajdon az objektum.
  • Milyen érvek / paraméterek öltsön?
  • Milyen a jó tartományban megismételve a hurok? Ezredmásodperc? (Amennyiben ez a paraméter / érv a funkciója?)

EMLÉKEZIK:

  • A válasz nem feltétlenül nyelv-specifikus, de ha írunk egy adott nyelven, kérjük, adja meg, hogy melyik.
  • Hiba kezelése egy plusz. {Semmi sem irritáló (a mi szempontunkból), mint egy animáció, amely nem valami furcsa, mint a megállás felénél.}

Kösz!

A kérdést 07/03/2010 14:52
a forrás felhasználó
Más nyelveken...                            


1 válasz

szavazat
1

jellemzően (jQuery legalább) ez nem történik meg a hurok, hanem egy sor visszahívások.

pseudojavascript:

function startAnimation(element, endPosition, duration) {
    var startPosition = element.position;
    var startTime = getCurrentTime();
    function animate() {
        var timeElapsed = getCurrentTime() - startTime;
        if (timeElapsed > duration) {
            element.position = endPosition;
            stopTimer();
        } else {
            // interpolate based on time
            element.position = startPosition +
                (endPosition - startPosition) * timeElapsed / duration;
        }
    }
    startRepeatingTimerWithCallbackAndInterval(animate, 1.0 / 30.0);
}

Az is lehetséges, hogy tárgyakat tárolni kiindulási adatok helyett bezárások.

Ez nem teljesen válaszolni minden pontot a kérdés, de ez a kiindulási pont.

Válaszolt 08/03/2010 20:54
a forrás felhasználó

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more