[Javascript] Przesuwanie elementu - setTimeout Opcje

[calvx]

Witam,

uczę się Javascriptu i od kilku godzin próbuję zrobić sobie prostą animację w stylu przesuwania elementów. Załóżmy że mam element o id="test". W skrypcie mam coś takiego:

[PHP] pobierz, plaintext 
var ax, mx, object, position, positiontext;
mx= screen.width-50;
 
function move(position) {
	positiontext=position+"px";
	document.getElementById("test").style.left=positiontext;
}
 
function show() {
	for(ax=1;ax<=mx;ax+=10) {
		setTimeout("move(ax)",100);
	}
}
[PHP] pobierz, plaintext 

Zadaniem skryptu jest przesunięcie elementu z jednego krańca ekranu do drugiego. Funkcja działa, ale nie tak jak bym tego oczekiwał. Chciałbym aby element blokowy przesuwał się powoli od lewej strony do prawej. Do tego użyłem funkcji setTimeout. Niestety pod operą i IE po wciśnięciu buttona który odpowiada za uruchomienie funkcji przesunięcia, po upłycięciu 100ms element przesuwany jest od razu do prawej strony.
Gdzie popełniłem błąd? Ewentualnie w jaki inny sposób przesuwać elementy w czasie?

[calvx]

Nie rozumiem. W pętli raz po razie przesuwam element o 10px, a następnie odczekuję 100ms?
Chyba, że się mylę.

Z tego wychodzi, że setTimeout nie zatrzymuje pętli na 100ms tylko buforuje punkty, które bardzo szybko się zapełniają do screen.width.
W takim razie w jaki sposób odczekać zadaną liczbę milisekund?