Hola tengo un gif que se muestra durante ciertas peticiones del ajax lo muestro con el .show() y lo oculto con el hide() hasta ahi todo normal, y tengo una función que se encarga de de arrojar una alerta si el tiempo durante el que se muestra el gif excede lo normal del tiempo,
esta es la función
var totalTiempo=5;
function updateReloj(){
if(totalTiempo==0){
$('#LoadingImage').hide();
alert("Excede el tiempo");
}else if($('#LoadingImage').is(':visible')){
/* Restamos un segundo al tiempo restante */
totalTiempo-=1;
/* Ejecutamos nuevamente la función al pasar 1000 milisegundos (1 segundo) */
setTimeout("updateReloj()",1000);
};
};
este funciona normal ahora mi problema es el siguiente me gustaria saber si hay alguna manera de que se detecte cuando el LoadingImage cambia su estilo de hide a show y viceversa probé con estos métodos
if($('#LoadingImage').is(':visible')){
//Cambio a visible
updateReloj();
};
pero que pasa ese codigo lo tendria que poner despues de un show para que funcione entonces pense en poner un Change, pero este no me dectecta cuando cambia el LoadingImage de show() a hide() y viceversa y no se como hacer para que el change detecte eso.
si bien es cierto que puedo poner una llamada de la función después de cada show para mi seria mucho mejor un change del LoadingImage