Ecco
Nell' head:
Codice:
<script type="text/javascript">
function datainizio1(){
data = new Date();
ora =data.getHours();
minuti=data.getMinutes();
secondi=data.getSeconds()
document.biliardo1.orainizio.value=ora;
document.biliardo1.minutiinizio.value=minuti;
document.biliardo1.secondiinizio.value=secondi;
document.biliardo1.textorainizio1.value=ora+":"+minuti+":"+secondi;
document.biliardo1.inizio1.type="hidden";}
function reset1(){
document.biliardo1.inizio1.type="button";
document.biliardo1.textorainizio1.value="";}
function datainizio2(){
data = new Date();
ora =data.getHours();
minuti=data.getMinutes();
secondi=data.getSeconds()
document.biliardo2.orainizio.value=ora;
document.biliardo2.minutiinizio.value=minuti;
document.biliardo2.secondiinizio.value=secondi;
document.biliardo2.textorainizio2.value=ora+":"+minuti+":"+secondi;
document.biliardo2.inizio2.type="hidden";}
Corpo:
Codice:
<form name="biliardo1" action="cronometro.php" method="post" style="border: 1px solid #000000;height:80px;margin-bottom:10px; width: 90%;border-width:4px;padding:10px; background-image: url('biliardo.png');" onsubmit="window.open('','cronometro','top=100,left=200,width=250,height=180')" target="cronometro">
<span style="font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;text-align:left; color: #FFFFFF;">Biliardo 1 </span>
<span style="font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;font-size:x-small;text-align:right; color: #FFFFFF;">tariffa oraria </span>
<input name="costoorario" style="width: 38px" type="text" value="5,50" />
<br /><input name="orainizio" type="hidden" value="" /><input name="minutiinizio" type="hidden" value="" /><input name="secondiinizio" type="hidden" value="" /><input name="numero" type="hidden" value="1" /><input name="biliardocarte" type="hidden" value="1" />
<input name="inizio1" style="border-style: solid; border-color: #000000; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; background-color: #FFFFFF; color: #000000; background-image: none; height: 35px; width: 60px; font-weight: bold;" onclick="datainizio1()" type="button" value="INIZIO" /> <input name="textorainizio1" type="text" value="" readonly="readonly" style="width: 54px; background-repeat: inherit; background-image: none;"/>
<input name="fine1" type="submit" value="FINE" style="border-style: solid; border-color: #000000; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; background-color: #FFFFFF; height: 35px; width: 50px; font-weight: bold;" onclick="reset1()"/>
</form>
Popup:
Codice PHP:
<?php
$orainizio=$_POST["orainizio"];
$minutiinizio=$_POST["minutiinizio"];
$secondiinizio=$_POST["secondiinizio"];
$tariffa=$_POST["costoorario"];
$numero=$_POST["numero"];
$biliardocarte=$_POST["biliardocarte"];
$tariffa=str_replace(",",".",$tariffa);
if($biliardocarte!=1){
$persone=$_POST["persone"];
}
$orafine=date('G');
$minutifine=date('i');
$secondifine=date('s');
if($orainizio>$orafine)
$orafine=$orafine+24;
$secondi=(($orafine-$orainizio)*3600)+(($minutifine-$minutiinizio)*60)+($secondifine-$secondiinizio);
if($biliardocarte!=1)
$costo=$secondi*(($tariffa*$persone)/3600);
else
$costo=$secondi*($tariffa/3600);
$minuti=0;
$ore=0;
$secondi1=$secondi;
if($secondi>60){
$minuti= (int) $secondi/60;
$secondi=$secondi-($minuti*60);
}
if($minuti>60){
$ore=(int) $ore/60;
$minuti=$minuti-($ore*60);}
?>
Questo è il codice, dovresti pulirlo dal mio materiale superfluo, in pratica "inizio" è un pulsante in javascript che scrive il tempo in campi nascosti, "fine" invece richiama la pagina del popup a cui fornisce i capi nascosti, vede l'orario attuale e fa il calcolo.