Hiding a form on submit

I am currently coding a game. I am wanting to cut down server load by hiding a form for a certain amount of time every time the page loads.

Explaination:

On the game page you click on a compass (my form) to move your character. The php script moves the character and loads the new page. What I want to happen is when the new page loads to hide the compass for a certain amount of time (3 seconds). This is to keep players from clicking the form 5 times really fast and moving that amount of spaces loading the page once. I figured this would be a javascript situation and my javascript understanding is not very high. Can anyone help?

Here is the code for my form.

[CODE]<p><div id=”compass”><form action=”index.php?do=move” method=”post”>
<center>
<input name=”north” type=”image” src=”images/north.gif” value=”North” />
<input name=”west” type=”image” src=”images/west.gif” value=”West” /><input name=”east” type=”image” src=”images/east.gif” value=”East” /><br />
<input name=”south” type=”image” src=”images/south.gif” value=”South” />
<br /><span class=”style3″>Click on compass to move</span>
</center>
</form></div></p>[/CODE]

If you need more info please let me know and I will post it ASAP!

Thanks

Also in #JavaScript _↴