Varios contadores en Javascript para el ciclo

Question

Antes de arrancarme los pelos y seguir el camino equivocado en términos de depuración. ¿Alguien puede confirmar que este código funcionará según lo previsto? Es decir. animar 5 divs a diferentes posiciones:

var i, j, k; 
$('#menuButton').click(function(){ 
    for (i=1; j=0; k=150; i<=5; i++; j+=30; k-=30){ 
     $('.spinner #item' + i).animate({ 
      left: '+=' + j, 
      bottom: '+=' + k 
      }, 500, function() { 
      // Animation complete. 
     }); 
    } 
}); 

Cuando pulso en el #menuButton, no pasa nada y me sale este error:

Uncaught SyntaxError: Unexpected token ; on the 'for()' line...

Answer 1

usted tiene un cierto punto y coma en la que desea comas:

for (i=1, j=0, k=150; i<=5; i++, j+=30, k-=30) { /* do work */ } 

Solo debe tener tres "declaraciones" dentro de su for

for([init]; [test]; [increments]) { [block] } 

Para hacer múltiples [inits] o [increments] usted tiene que utilizar las veces magical, but oft forgotten, comma operator

Answer 2

demasiados puntos y comas no

for (i=1; j=0; k=150; i<=5; i++; j+=30; k-=30){ 

debería ser

for (i=1, j=0, k=150; i<=5; i++, j+=30, k-=30){ 

Answer 3

Hiciste errores gramaticales en su código que ha podría haber detectado fácilmente si hubiera usado static code analysis tools such as the lovely JSHint.

Además, debe comprender mejor el uso del comma operator en JavaScript, nuestro sitio tiene a few answers on it already.