Tenho um problema no seguinte código:
$("button").each(function(index){
// add the class
setTimeout(function(){
$(this).addClass("varrimento");
}.bind(this),index*5000);
// remove the class
setTimeout(function(){
$(this).removeClass("varrimento");
}.bind(this),(index+1)*5000);
});
Este código serve para adicionar a classe "varrimento" aos elementos de uma página (neste caso são botões) em que é adicionado a vez, um a um durante 5 segundos e depois removido. Só que há dois problemas:
- quando mudo de página e volto para a página inicial, adiciona novamente um a um mas como interrompi "a meio" na primeira visita, é como se o setTimeout tivesse em stand by e quando volto a pagina continua onde ficou, o que faz com que a class esteja a ser adiciona aos botões não da forma que pretendo.
- Ao mudar de página (na primeira mal o load da página é feito, a class começa logo a ser adicionada aos botões), a pagina seguinte demora +/- 15 segundos a começar a adicionar a classe, sem motivo aparente para haver essa demora. A única coisa que difere é o numero de botões que é maior.
Já estou há vários dias a tentar resolver isto, mas sem sucesso. Alguma ajuda pff?