2010-12-04 6 views
0

Comment puis-je obtenir un redimensionnement ou un mouvement en douceur d'un objet sur une période donnée. Dois-je changer la position de l'objet par des unités plus petites que les pixels? Je chronomètre actuellement en utilisant setTimeout, existe-t-il un moyen plus efficace de déplacer un objet sur une période de temps que setTimeout?JavaScript - Mouvement/Redimensionnement lisse

+3

Plus petit que les pixels? La prochaine chose que vous fendre des atomes! –

Répondre

2

CSS 3 Animation serait probablement plus rapide pour les navigateurs qui le supportent, car il est basé sur des routines natives.

Autre que cela ... setTimeout est comment vous le faites. Bien que setInterval va probablement faciliter vos transitions.

Vous pouvez jeter un oeil à certains des javascript animation libraries et voir quelles techniques spécifiques ils utilisent. Ou, vous pouvez regarder des choses comme JavaScript Animation From Scratch. Ou le chapitre d'animation dans les secrets de John Resig du JavaScript Ninja quand il le libère. :)

1

setTimeout() ou setInterval(). Vous êtes sur la bonne voie.

1

Yup, setTimeout ou setInterval est un bon moyen d'y aller.

Il existe également diverses bibliothèques, comme jQuery, qui intègrent des fonctions d'animation, ce qui peut vous faciliter la vie.

3

Comment utiliser la fonction animate de jQuery? C'est assez robuste.