La combinación de bucles de JavaScript con operaciones asincrónicas, como animaciones, no podía dar el resultado deseado. Este problema surge porque el bucle se ejecuta de forma sincrónica, mientras que la función que controla el movimiento se ejecuta de forma asincrónica. Para solucionar esto, métodos como utilizar async/await o encerrar la función en una Promise pueden garantizar que cada etapa de la animación finalice antes de continuar con la iteración posterior.