fonction ne boucle pas

Salut a tous

voilà, je débute en JS. j'ai déjà utilisé ou modifié des script tout fait, mais là je boss comme un grand ^^

j'ai crée une fonction qui permet de scroller le contenu d'un DIV pour faire un genre de slide. en gros quand on appel ma fonction sa saute tout un bloc pour afficher comme une nouvelle page.

le truc c'est que j'aimerais que ça fasse un effet souple. ne pas sauter les bloque d'un coup sec mais en glissant (comme sur un android ou un iphone).

ce que je ne pige pas, c'est que ma fonctione s'execute, mon on dirai que JS ne fait qu'un tour dans mon FOR et sort de la fonction. donc ça scroll d'un pixel à chaque fois.

voici ma fonction :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function scrollContentDown() { var d = new Date(); var ts = d.getTime(); var ts2 = d.getTime(); for(var i = 0 ; i <= 347 ; i++) { if(ts >= ts2) { document.getElementById('content_box').scrollTop += 1; ts2 += 100; } ts = d.getTime(); } }

---

je pense que vous pourrez m'aider ça ne doit pas être trés compliqué. merci de m'avoir lu ;)

bon il s'avére que mon algo est pas bon du tout. donc si quelqu'un à une méthode pour ralentir la vitesse du for ça serai cool en plus :D

il faut passer par setTimeout ou setInterval.
Sinon avec Jquery animate

j'ai finalement réussi avec l'effet Move() de Scriptaculous. mais merci de ton aide ;)