jquery setInverval not working

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 );
});

I can't get this to work... If I just do changeImage(); it works fine, but I want setInterval to work.. any ideas?

Answer 1

Because you're defining changeImage() within $(document).ready(), it isn't defined globally and therefore won't be called by setInterval. Use the function's name instead, i.e.:

setInterval(changeImage, 2000);

Hope this helps.