Seite 1 von 1

Kleine Frage die mit Javascript zu tun hat!

Verfasst: 19.11.2003 16:38
von sputnik
Hi, kennt sich hier wer ein wenig mit Javascript aus? Ich habe folgendes Miniprogramm geschrieben:

Code: Alles auswählen

<html>
<head>
<style type="text/css">
* {background-color:black;color:yellow;font-size:8pt;text-align:center;}
#start {position:absolute;top:86px;left:112px;}
#ziel {position:absolute;top:460px;left:720px;}
</style>
<script type="text/javascript">
var links=112,oben=86;
function schuss()
{
	links+=0.01*608;
	oben+=0.01*374;
	start.style.left=links;
	start.style.top=oben;
	if (links<720) setTimeout("schuss()",10);
}

</script>
</head>
<body>
<input value=Schuss type=button onclick="javascript:schuss();">

<p id=start>O</p>
<p id=ziel>X</p>
</body>
</html>
Nun möchte ich, dass wenn das O eine bestimmte stelle erreicht noch ein O nachschießt und wenn das die Stelle erreicht, dass noch ein O losfährt usw. Also wie ein "Machienengewehr" oder so! Hat da jemand eine Ahnung wie man das Macht?

mfg Manuel

Re: Kleine Frage die mit Javascript zu tun hat!

Verfasst: 19.11.2003 16:56
von Pyramide

Code: Alles auswählen

if (links<720) setTimeout("schuss()",10);
ersetzen durch

Code: Alles auswählen

if (links>720) {
   links=112;
   oben=86;
}
setTimeout("schuss()",10);

Verfasst: 19.11.2003 17:09
von Gast
Mh, ich meinte eigentlich, dass dann mehrere solche O hintereinander und zum X fahren. Zum Beispiel wenn das O bei der Mitte ist, dass dann das nächste O startet und wenn das O bei der Mitte ist dann wieder ein O startet. USW.

Code: Alles auswählen

<html>
<head>
<style type="text/css">
* {background-color:black;color:yellow;font-size:8pt;text-align:center;}
#start {position:absolute;top:86px;left:112px;}
#ziel {position:absolute;top:460px;left:720px;}
</style>
<script type="text/javascript">
var links=112,oben=86;
function schuss()
{
	links+=0.01*608;
	oben+=0.01*374;
	start.style.left=links;
	start.style.top=oben;
	if (links>720) 
		{ 
   			links=112; 
  			oben=86; 
		} 
		setTimeout("schuss()",10);
}

</script>
</head>
<body>
<input value=Schuss type=button onclick="javascript:schuss();">

<p id=start>O</p>
<p id=ziel>X</p>
</body>
</html>