[SOLUCIONADO] como cambiar de color un tr de una tabla cada cierto tiempo despues de hacer click

[lushiru]

hola tengo un codigo que me cambia la clase al hacer click que le agrega una clase con jquery despues uso setTimeout para que carge cada cierto tiempo le cambie la clase

Código Javascript:

$(".reportenomina tr").click(function(){
        $(".reportenomina tr").removeClass();
        $(this).addClass('reportenominatd');
        setTimeout(cambiar($(this)),2000);
        });
 

despues la funcion donde cambia la clase

Código Javascript:

function cambiar(td){
        if(td.attr('class')=='reportenominatd'){td.removeClass('reportenominatd');td.addClass('reportenominatr');return;}
      else{td.removeClass('reportenominatr');td.addClass('reportenominatd');return;}
        }
 

lo que me cambia la clase pero nose como hacer que esto ocurra cada cierto tiempo

he intentado ponerle setTimeout a la funcion

Código Javascript:

function(td){
    if(){....}
    else{.....}
setTimeout(cambiar(td),2000);
}
 

ayuda plz.

[Djoaq]

Código HTML:

<td class="tuTd" >tutexto</td>
 

Código Javascript:

setInterval(function(){
 
 setInterval(function(){
        $(".tuTd").toggleClass("fondoRojo");
     },2000)
 

en donde 2000 es el tiempo en miliseg...
un poquito de css3 para que sea mas suave...

Código CSS:

.tuTd{
        -webkit-transition: background 1.0s ease-in-out;
        -moz-transition:    background 1.0s ease-in-out;
        -ms-transition:     background 1.0s ease-in-out;
        transition:         background 1.0s ease-in-out;
    }
 

y el fondo rojo

Código CSS:

.fondoRojo{
        background: #F00;
    }
 

Espero haberte ayudado!

Saludos!

[castillo1]

mas simple:
al momento de dar click cambiara como activo con solo poner un estilo:
a:active
{
background-color:yellow;
}


si le das click automaticamente pasa a activo y cambia

[lushiru]

hola gracias por la ayuda deje el td de la siguiente manera

$(function(){
var intval='';
$(".reportenomina tr").click(function(){
$(".reportenomina tr").removeClass();
clearInterval(intval);
//$(this).toggleClass('reportenominatd');
var td=$(this);
intval=setInterval(function(){
//td.toggleClass("reportenominatd");
if(td.attr("class")=='reportenominatd'){td.removeC lass('reportenominatd');
td.addClass('reportenominatr');}
else{td.removeClass('reportenominatr');
td.addClass('reportenominatd');}
},500);
//cambiar($(this),0);
});
});

lo que me cambia a 2 colores cuando presiono
luego use clearInterval para detener y iluminar el siguiente. saludos.