JQuery Setinverval não está funcionando

Question

Html:

<div id="coin1"></div>

JS:

 $(document).ready(function(){

   function changeImage(){


if($("#coin1").css("display") == "none"){  
$("#coin1").fadeIn("slow");
}else{  
$("#coin1").fadeOut("slow");
}
};





       setInterval ( "changeImage()", 2000 );
});

Não consigo fazer isso funcionar ... se eu apenas fizer changeImage(); Funciona bem, mas quero que o SetInterval funcione .. alguma idéia?

Answer 1

Porque você está definindo changeImage() dentro de $(document).ready(), ele não é definido globalmente e, portanto, não será chamado pelo SetInterval. Use o nome da função, ou seja:

setInterval(changeImage, 2000);

Espero que isto ajude.