Delen van opgenomen tijd

Status
Niet open voor verdere reacties.
davidtos

davidtos

Gebruiker
Lid geworden
30 jun 2010
Berichten
71
hallo,

ik heb een stopwatch gemaakt met java script en wou de opgenomen tijd opslaan via php. want ik wil daar berekeningen mee doen maar, welke functie in php moet ik gebruiken om mijn opgenomen tijd te delen?

de stopwatch
PHP: 
<html>
	<head>
		<title>Tijdsregistratie</title>
		<link rel="stylesheet" type="text/css" href="index.css" />
		
		<script type="text/javascript">
			function Time()
			{	
				if(document.getElementById('status').value=="started")
				{
					var sec = parseInt(document.getElementById('sec').value) + 1;
					var min = parseInt(document.getElementById('min').value);
					var hour = parseInt(document.getElementById('hour').value);
					if(sec==60)
					{
						sec = 0;
						min = min + 1;
					}
					if(min==60)
					{
						min = 0;
						hour = hour + 1;
					}
					document.getElementById('sec').value = sec;
					document.getElementById('min').value = min;
					document.getElementById('hour').value = hour;	
					if(sec<10)
					{
						sec = "0" + sec.toString();
					}
					else
					{	
						sec = sec.toString();
					}
					if(min<10)
					{
						min = "0" + min.toString();
					}
					else
					{	
						min = min.toString();
					}
					if(hour<10)
					{
						hour = "0" + hour.toString();
					}
					else
					{	
						hour = hour.toString();
					}
					var time = hour+":"+min+":"+sec;

					document.getElementById('timeinput').value = time;
							
					setTimeout('Time()', 10);
				}
			}
			function stopTimer()
			{	
				document.getElementById('status').value="stopped";
			}		
			
			function startTimer()
			{	
				if(document.getElementById('status').value=="stopped")
				{				
					document.getElementById('sec').value = "0";
					document.getElementById('min').value = "0";
					document.getElementById('hour').value = "0";
					document.getElementById('status').value="started";
					setTimeout('Time()', 10);
				}
				else if(document.getElementById('status').value=="pauzed")
				{
					document.getElementById('status').value="started";
					setTimeout('Time()', 10);
				}
				
				
				
			}	
			
			function pauze()
			{			
			    if(document.getElementById('status').value=="started")
				{
					document.getElementById('status').value="pauzed";
				}
			}		
				
		</script>
	</head>
	<body>
		<div id="header">
			<img src="pleidooi2.png" align="right" width="150" height="80"/>
		</div>
		<div id="artleft">
			<img src="flair.png" height="100%" width="100%" />
		</div>
		<div id="container1">
			<div id="menu">
				<a class="amenu" href="index.php">Home</a>
				<a class="amenu" href="gesprek.php">Gevoerde gesprekken</a>
				<a class="amenu" href="help.pdf">Help</a>
			</div>
			<div id="content">
				<table border="0">
					<tr>
						<td>
							<form name="time" action="php.php" method="get">
								<a href="#" id="startknop" class="Startbutton" onclick="startTimer()">&nbsp&nbspStart&nbsp&nbsp&nbsp&nbsp&nbsp</a></br></br>
								<a href="#" id="pauzeknop" class="Pauzebutton" onclick="pauze()">&nbspPauze&nbsp&nbsp&nbsp&nbsp</a></br></br>
								<a href="#" name="ClickMestop" class="Stopbutton" onclick="stopTimer()">&nbsp&nbspStop&nbsp&nbsp&nbsp&nbsp&nbsp</a></br></br>
								<form name="time" action="php.php" method="get">
								<input type="submit" class="Verzendenbutton"></a>
							
						</td>						
						<td>
							&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
						</td>
						<td>
							<table border="0">
								<tr>
									<td>
									<form name="time" action="php.php" method="get">
										<input id="timeinput" name="tijd" type="input" size="10" readonly="readonly" value="00:00:00" style="text-align:center;font-size:70px"/>
										<input id="hour" type="hidden" readonly="yes" name="hour" value="00" />
										<input id="min" type="hidden" readonly="yes" name="min" value="00" />
										<input id="sec" type="hidden" readonly="yes" name="sec" value="00" />
										<input id="status" type="hidden" readonly="yes" name="sec" value="stopped" />
									</td>
								</tr>
								<tr>
									<td>
										<table border="0">
											<tr>
												<td>
												
													Naam: <input name="naam" type="text" size="20" value=""/>
													
													
													
												</td>
												<td>
													&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
												</td>
												<td>
													<select name="gesprekskeuze">
													<option value="Gespreks keuze">Gespreks keuze</option>
													<option value="Telefoongesprek">Telefoongesprek</option>
													<option value="Onderzoek">Onderzoek</option>
													<option value="Pleiten">Pleiten</option>
													<option value="Pleidooischrijven">Pleidooischrijven</option>
													<option value="Overig">Overig</option>
													</select>
													</form>
												</td>
											</tr>
																					
										</table>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>	
			</div>
		</div>
		<div id="artright">
			<img src="flair.png" height="100%" width="100%" />
		</div>
		<div id="container2">
			<div id="footerleft">

			</div>
			<div id="footermiddle">
				<h5 style=text-align:right">&copy 2000-2015 Pleidooi - Alle rechten voorbehouden</h5>
			</div>
			<div id="footerright">

			</div>
		</div>
	</body>
</html>

de php
PHP: 
<html>
	<head>
		<title>Tijdsregistratie</title>
		<link rel="stylesheet" type="text/css" href="index.css" />
		
		<script type="text/javascript">
			function Time()
			{	
				if(document.getElementById('status').value=="started")
				{
					var sec = parseInt(document.getElementById('sec').value) + 1;
					var min = parseInt(document.getElementById('min').value);
					var hour = parseInt(document.getElementById('hour').value);
					if(sec==60)
					{
						sec = 0;
						min = min + 1;
					}
					if(min==60)
					{
						min = 0;
						hour = hour + 1;
					}
					document.getElementById('sec').value = sec;
					document.getElementById('min').value = min;
					document.getElementById('hour').value = hour;	
					if(sec<10)
					{
						sec = "0" + sec.toString();
					}
					else
					{	
						sec = sec.toString();
					}
					if(min<10)
					{
						min = "0" + min.toString();
					}
					else
					{	
						min = min.toString();
					}
					if(hour<10)
					{
						hour = "0" + hour.toString();
					}
					else
					{	
						hour = hour.toString();
					}
					var time = hour+":"+min+":"+sec;

					document.getElementById('timeinput').value = time;
							
					setTimeout('Time()', 10);
				}
			}
			function stopTimer()
			{	
				document.getElementById('status').value="stopped";
			}		
			
			function startTimer()
			{	
				if(document.getElementById('status').value=="stopped")
				{				
					document.getElementById('sec').value = "0";
					document.getElementById('min').value = "0";
					document.getElementById('hour').value = "0";
					document.getElementById('status').value="started";
					setTimeout('Time()', 10);
				}
				else if(document.getElementById('status').value=="pauzed")
				{
					document.getElementById('status').value="started";
					setTimeout('Time()', 10);
				}
				
				
				
			}	
			
			function pauze()
			{			
			    if(document.getElementById('status').value=="started")
				{
					document.getElementById('status').value="pauzed";
				}
			}		
				
		</script>
	</head>
	<body>
		<div id="header">
			<img src="pleidooi2.png" align="right" width="150" height="80"/>
		</div>
		<div id="artleft">
			<img src="flair.png" height="100%" width="100%" />
		</div>
		<div id="container1">
			<div id="menu">
				<a class="amenu" href="index.php">Home</a>
				<a class="amenu" href="gesprek.php">Gevoerde gesprekken</a>
				<a class="amenu" href="help.pdf">Help</a>
			</div>
			
			
			
			
			<?php
	$datum = date("j F Y");	
	$dagvanweek = date("l");
	
	$arraydag = array(
	"Zondag",
	"Maandag",
	"Dinsdag",
	"Woensdag",
	"Donderdag",
	"Vrijdag",
	"Zaterdag"
	);
	
	$dagvanweek = $arraydag[date("w")];
	$arraymaand = array(
	"Januari",
	"Februari",
	"Maart",
	"April",
	"Mei",
	"Juni",
	"Juli",
	"Augustus",
	"September",
	"Oktober",
	"November",
	"December"
	);
	
    $tijd =  $_GET ["tijd"];
	$naam = $_GET["naam"];
	$gesprekskeuze = $_GET["gesprekskeuze"];
	$tijden = $tijd + "1";
		
	$e = ("naam: ; $naam; tijd : $tijd : ; ");
	
	echo "$naam";
	echo "</br>";
	echo "$dagvanweek, $datum ";
	echo "</br>";
	echo "gesprekskeuze $gesprekskeuze tijd : $tijd of $tijden " ;
	
	$datum = date("j ") . $arraymaand
	[date("n ") - 1] . date("Y ");
	
	$bestandsnaam = "tijden/$naam-$dagvanweek-$datum.csv";
	file_put_contents($bestandsnaam, $e);
	
		
?>
		</div>
		<div id="artright">
			<img src="flair.png" height="100%" width="100%" />
		</div>
		<div id="container2">
			<div id="footerleft">

			</div>
			<div id="footermiddle">
				<h5 style=text-align:right">&copy 2000-2015 Pleidooi - Alle rechten voorbehouden</h5>
			</div>
			<div id="footerright">

			</div>
		</div>
	</body>
</html>
 
ik zou er denk ik voor kiezen om ajax daarvoor te gebruiken.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan