Pausa (delay) en FOR

[Gospe1]

Hola buenas lo que deseo hacer es lo siguiente:

Tengo los siguientes numeros:
7 4 1 8 5 2 9 6 3 0

Y deseo que a travez de un for vayan cambiando de color 1 por 1. La cosa es que es demasiado rapido, como puedo darle una pausa al for para que se note los cambios de colores?


El codigo va así hasta el momento:

Código PHP:

  function ordenar(){
    var numeros = document.getElementById("numeros").value;
    var vectorNumeros= new Array();
    vectorNumeros = numeros.split(" ");
    
    for(var p = 0; p < vectorNumeros.length; p++)
        crearNodos(vectorNumeros[p], p);
    document.getElementById("busqueda").className = "busqueda";
    
    for(var i = 0; i < vectorNumeros.length-1; i++){
       var menor = i;
       
//Aqui es donde cambio el calor
       document.getElementById("elemento" + i).className = "swapColor";
       
       if(i != 0)
           document.getElementById("elemento" + (i-1)).className = "normal";
          //Aqui una pausa de unos segundo y luego prosiga


       for(var j=i+1 ; j<vectorNumeros.length ; j++){
           
          if (parseInt(vectorNumeros[menor]) > parseInt(vectorNumeros[j]))
              menor = j;
       }
       
       var temp = vectorNumeros[menor];
       vectorNumeros[menor] = vectorNumeros[i];
       vectorNumeros[i] = temp;
    }
} 
   

Gracias de antemano

[caricatos]

Hola:

Debes temporizar el resultado... un ejemplo genérico:

for (i = 0; i < 10; i++)
setTimeout("mostrar(" + i + ")", i*1000);

function mostrar(n) {
document.getElementById("el_id_que_sea").innerHTML = n;
}

Ese código muestra en el tag referenciado la cuenta de 0 a 9 mostrándo los valores con la frecuencia de un segundo...

En base a esa idea debes modificar tu código... (es la forma de aplicar por ejemplo un efecto fade en muchos scripts...)

Saludos