Variavel perdendo o seu valor em alguma parte do código!?

[Micilini Roll 49]

  window.onload = function(){
 
  var el = function(id){ return document.getElementById(id); }
  var e =   el("m").getElementsByTagName("div");
  var t = []; 
 
  for(var x in e){
    e[x].onclick = function(){
      t.push(this.id);
    }
  }
   
 
 
 el("mt").onclick = function(){
  var p = setInterval(function(){
   try{
 alert(t);
    var id = t.shift();
     el(id).style.webkitAnimation = "pisca 1.5s";
      setTimeout(function(){
        el(id).removeAttribute("style");
      },800);
     }catch(e) {
       clearInterval(p);
     }
    },900);
  
  }
  
  
  
  
}

 

eu consigui dar um alert na variavel t mas o que aconteçe é que os caracteres digitados vao fazendo decrecimo de si mesmo! aqui esta o codigo em funcionamento:

 

http://www.fazerbem.com.br/barra/explodes.php

 

voce seleciona os circulos depois clica em exibir combinação e ele exibe normal ! agora se vc clicar novamente! ele nao faz mais nada! pq a variavel t responsavel por armazenar a combinação fica em branco! gostaria de saber o porque? e como eu farei pra que isso fique salvo! para quando clicar novamente ele exibir novamente a combinação?!

[Micilini Roll 49]

A variavel esta se perdendo pois ela na verdade é um vetor e assim que o comando é chamado

 

 var id = t.shift();

 

ela perde -1 vetor ate o ciclo for completado! esse projeto ja foi resolvido por eu mesmo de uma forma simples e pratica que posse ser encontrado no link abaixo:

 

http://forum.imasters.com.br/topic/504024-executar-animaao-com-circulos-via-jquery/

 

:lock: Topico Resolvido