tijden berekenen

Status
Niet open voor verdere reacties.
J

jsobko

Gebruiker
Lid geworden
16 dec 2006
Berichten
6
hoi

ik was aan het proberen om tijden te brekenen

de bedoeling is dat men een aankomsttijd kan ingeven en een tijd van de duur om zo de vertek tijd uit te rekenen

om dit te doen heb ik dus een formulier gemaakt waarin deze tijden kunnen worden ingegeven en die dan berekent worden door op een knop te klikken

dit is het script

Code: 
<html>
<head>
<title>Vertrekuur berekener</title>

<script language="javascript">

function berekenen()
{

var uur_aankomst = document.form.berekenen.uur_aankomst.value;
var min_aankomst = document.form.berekenen.min_aankomst.value;
var sec_aankomst = document.form.berekenen.sec_aankomst.value;
var uur_troepen = document.form.berekenen.uur_troepen.value;
var min_troepen = document.form.berekeken.min_troepen.value;
var sec_troepen = document.form.berekenen.sec_troepen.value;

var uur_aankomst_sec = uur_aankomst * 60 * 60;
var min_aankomst_sec = uur_aankomst * 60;

var uur_troepen_sec = uur_troepen * 60 * 60;
var min_troepen_sec = uur_troepen * 60;

var seconden_aankomst = sec_aankomst + min_aankomst_sec + uur_aankomst_sec;
var seconden_troepen = sec_troepen + min_troepen_sec + uur_troepen_sec;

var seconden_uitkomst = seconden_aankomst - seconden_troepen;

var uur_uitkomst = parseInt(seconden_uitkomst / 60 / 60);
var min_uitkomst = parseInt((seconden_uitkomst / 60)) - (uur_uitkomst * 60);
var sec_uitkomst = seconden_uitkomst / 60 % 60;

document.form.berekenen.uur_vertrek.value=uur_uitkomst;
document.form.berekenen.min_vertrek.value=min_uitkomst;
document.form.berekenen.sec_vertrek.value=sec_uitkomst;
}

</script>
</head>
<body>

<form name="berekenen">
<table border="0" width="100%" height="100%">
<tr>
<td align="center">
<table border="0" width="500" height="400">
	<tr>
		<td colspan="4" align="center"><u><h1>Vertrekuur berekenen</h1></u>
		</td>
	</tr>
	<tr height="30">
		<td width="380">
		</td>
		<td align="center"><u>Uur.</u>
		</td>
		<td align="center"><u>Min.</u>
		</td>
		<td align="center"><u>Sec.</u>
		</td>
	</tr>
	<tr height="50">
		<td width="380" align="right">Uur van aankomst:
		</td>
		<td><input type="text" size="2" maxlength="2" name="uur_aankomst">
		</td>
		<td><input type="text" size="2" name="min_aankomst">
		</td>
		<td><input type="text" size="2" name="sec_aankomst">
		</td>
	</tr>
	<tr height="50">
		<td align="right">Looptijd van de traagste troepen:
		</td>
		<td><input type="text" size="2" name="uur_troepen">
		</td>
		<td><input type="text" size="2" name="min_troepen">
		</td>
		<td><input type="text" size="2" name="sec_troepen">
		</td>
	</tr>
	<tr height="50">
		<td colspan="4" align="right"><input type="button" onClick="berekenen()" value="berekenen">
		</td>
	</tr>
	<tr height="40">
		<td>
		</td>
	</tr>
	<tr>
		<td align="right">Vertrekuur van de troepen:
		</td>
		<td><input type="text" size="2" name="uur_vertrek">
		</td>
		<td><input type="text" size="2" name="min_vertrek">
		</td>
		<td><input type="text" size="2" name="sec_vertrek">
		</td>
	</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>

en hier kan je de site bekijken
klik hier

zoals je ziet kan het uur de minuten en de seconden apart ingegeven worden

deze zet ik dan om in seconden tel ze op en trek de twee van elkaar af
de uitkomst zet ik dan terug om in seconden minuten en uren

maar het werkt dus niet
 
Je hebt <form name="berekenen"> dat wordt dan het object document.forms.berekenen of gewoon document.berekenen :)

Maar je hebt ook al een functie berekenen dus ik heb het f genoemd. ;)

Het is handiger om het datum object de berekening uit te laten voeren:
Code: 
<html>
<head>
<title>Vertrekuur berekener</title>

<script language="javascript">

function berekenen() {

var uur_aankomst = document.f.uur_aankomst.value;
var min_aankomst = document.f.min_aankomst.value;
var sec_aankomst = document.f.sec_aankomst.value;

var uur_troepen = document.f.uur_troepen.value;
var min_troepen = document.f.min_troepen.value;
var sec_troepen = document.f.sec_troepen.value;

var datum = new Date(1970,0,1,uur_aankomst,min_aankomst,sec_aankomst);

datum.setHours(datum.getHours() - uur_troepen);
datum.setMinutes(datum.getMinutes() - min_troepen);
datum.setSeconds(datum.getSeconds() - sec_troepen);

document.f.uur_vertrek.value = datum.getHours();
document.f.min_vertrek.value = datum.getMinutes();
document.f.sec_vertrek.value = datum.getSeconds();

};


</script>
</head>
<body>

<form name="f">
<table border="0" width="100%" height="100%">
<tr>
<td align="center">
<table border="0" width="500" height="400">
	<tr>
		<td colspan="4" align="center"><u><h1>Vertrekuur berekenen</h1></u>
		</td>
	</tr>
	<tr height="30">
		<td width="380">
		</td>
		<td align="center"><u>Uur.</u>
		</td>
		<td align="center"><u>Min.</u>
		</td>
		<td align="center"><u>Sec.</u>
		</td>
	</tr>
	<tr height="50">
		<td width="380" align="right">Uur van aankomst:
		</td>
		<td><input type="text" size="2" maxlength="2" name="uur_aankomst">
		</td>
		<td><input type="text" size="2" name="min_aankomst">
		</td>
		<td><input type="text" size="2" name="sec_aankomst">
		</td>
	</tr>
	<tr height="50">
		<td align="right">Looptijd van de traagste troepen:
		</td>
		<td><input type="text" size="2" name="uur_troepen">
		</td>
		<td><input type="text" size="2" name="min_troepen">
		</td>
		<td><input type="text" size="2" name="sec_troepen">
		</td>
	</tr>
	<tr height="50">
		<td colspan="4" align="right"><input type="button" onClick="berekenen()" value="berekenen">
		</td>
	</tr>
	<tr height="40">
		<td>
		</td>
	</tr>
	<tr>
		<td align="right">Vertrekuur van de troepen:
		</td>
		<td><input type="text" size="2" name="uur_vertrek">
		</td>
		<td><input type="text" size="2" name="min_vertrek">
		</td>
		<td><input type="text" size="2" name="sec_vertrek">
		</td>
	</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
Dat telt ook automatisch 'de klok rond'. :)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan