Button Bild nach klick für 3 sekunden ausblenden

[Anacondi]

Hallo, ich habe ei kleines game erstellt, wo man auf ein bild klicken muß, um deine animation zu starten.

<img src="bilder/schlag.jpg" onClick="limit=69; i=30; updateScore();ocl();">

jetzt suche ich nach einer Lösung, das das Button Bild nach dem klick für 3 sekunden verschwindet, bis die animation abgelaufen ist, und dann wieder erscheint.
So das man gezwungen ist, die animation anzuschauen.
So wie es jetzt ist, kann man dauerklicken und die animation fänt sofort von vorn a, ohne das man sie voll gesehen hat.

 

[diel2001]

Mach das Bild doch einfach unsichtbar. Ein "div" um das Bild und per javascript, die eigenschaft in css
"Display:hidden" vergeben und schon ist es nicht mehr sichtbar.

 

[Anacondi]

das ist mein Problem... java. hab noch keine lösung gefunden, wie ich ein div für 3 sek. unsichtbar mache. hab schon gegoogelt

 

[diel2001]

Schau dir den Link mal an und den letzten Post:
http://www.html.de/php/18732-div-bereich-nach-x-sekunden-ausblenden.html

 

[Anacondi]

Da haben wir uns missverstanden. das div soll erst, wenn ich es angeklickt habe verschwinden und nach 2 secunden wieder erscheinen.
Dieses oben genannte script schaltet das div automatisch nach 2 sec aus

 

[diel2001]

Nein ich habe es schon verstanden. In der onclick function lässt du das div verschwinden und durch diesen timer lässt du es wieder einblenden. So in etwa (habe es aber nicht getestet)

	function enablediv(div){
		var objDiv = document.getElementById(div);
		objDiv.style.display="block"; 
	}
        $('div').onclick(function(){
		$('div').style.display="none"; 
	        window.setTimeout("enablediv('deindiv')",2000); /* Hier sind es 2sek. */    
        });