Kleine Frage die mit Javascript zu tun hat!

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
Antworten
Benutzeravatar
sputnik
Mitglied
Beiträge: 110
Registriert: 27.08.2003 13:10
Wohnort: Wien
Kontaktdaten:

Kleine Frage die mit Javascript zu tun hat!

Beitrag 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
highbiker.com
Benutzeravatar
Pyramide
Ehrenadmin
Beiträge: 12734
Registriert: 19.04.2001 02:00
Wohnort: Meschede

Re: Kleine Frage die mit Javascript zu tun hat!

Beitrag 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);
Gast

Beitrag 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>
Antworten

Zurück zu „Coding & Technik“