Hi! Well, I´m doing a simple game using javascript in which you shoot a sling shot. One of the things I plan on doing is that when you hold your left mouse button down, it is as if you were puling the ruber band on the sling shot; so, the longer you hold the mouse button down, the farther you are pulling the band.
What I´m trying to do is make a loop of some sort that will keep track of the time you hold your mouse button down, and when you release the mouse button, the loop will stop.
this is what I have for now:
...
<script>
gg=0
function pull(nn,xx){ //dont worry with the 'xx'... its for later purposes
dontmove=nn
if(nn==1){ //if nn = 1, the bullet moves
hhh=document.getElementById("bullet") //the ("bullet") is a <div> tag containing the image for the bullet
hhh.style.top=gg
gg++
setTimeout("pull(1,xx)",500) //this is
supposed to do the loop
}
}
</script>
...
<body onmousedown="pull(1,event.clientX)" onmouseup="pull(0,event.clientX)"> //again... dont worry with the 'clientX'...
...
what happens is that the "bullet" does move, but only if I keep pressing the mouse... I want it to move alone until the mouse is released. Actually I don´t want the bullet to move yet, but if you show me the correct way to make the loop, I will know how to deal with the rest...
Thanks!
Before you post, read our: 
