Qual è il modo migliore per animare qualcosa in tela?

Question

Sto cercando di animare un "capovolgimento" triangolo in tela utilizzando javascript. Il problema è che esegue JavaScript l'animazione troppo veloce e non si può davvero vedere l'effetto. Qual è il modo migliore per "rallentare". Ho provato la funzione setTimeout ma non funziona in quanto ritarda l'esecuzione della funzione di ridisegnare il triangolo ma continua con l'esecuzione del ciclo ridisegno, se questo ha un senso. Ci sono delle funzioni di jQuery per l'esecuzione di ritardo> Ho visto la funzione di ritardo (), ma non credo che sia applicabile in questo caso? Mi permetta di mostrare ciò che ho fin d'ora:

http://jsfiddle.net/hnqB6/7/

Tutti i suggerimenti di benvenuto:)

Answer 1

Ecco il codice per la risposta. Io uso setInterval per per l'animazione ei dati () funzione di jQuery per consentire l'animazione per memorizzare i dati su ogni tela.

http://jsfiddle.net/kerrmarin/V8Dme/1/