Ho un amico che ha bisogno di uno script che fa partire un cronometro che al momento che blocca il tempo sia in grado di leggere il tempo per poi memorizzarlo in db.Ho già una pagina che fa partire un timer con javascript ma non sono riuscito ancora a farlo interagire con php
Qualcuno ha qualche idea?
La pagina è la seguente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Cronometro - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="Lo script imposta un cronometro manuale che conta le ore, i minuti e i secondi." />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />
<script language="javascript">
var sec=0;
var min=0;
var heure=0;
var interv;
var encours=0;
function incremente() {
if (sec<60) {
sec++
document.temps.sec.value=sec;
mlsec=0;
}
if (sec==60) {
min++
document.temps.min.value=min;
sec=0;
}
if (min==60) {
heure++
document.temps.heure.value=heure;
min=0;
}
}
function appui() {
if (encours==1) {
clearInterval(interv);
document.temps.bt1.value="Compter !";
encours=0;
}
else {
interv=setInterval("incremente()",1000);
document.temps.bt1.value="Pause";
encours=1;
}
}
function stop() {
clearInterval(interv);
sec=0;
min=0;
heure=0;
document.temps.sec.value=0;
document.temps.min.value=0;
document.temps.heure.value=0;
document.temps.bt1.value="Compter !";
encours=0;
}
function init() {
encours=1;
interv=setInterval("incremente()",1000);
}
</script>
<style>
.minuterie {
font-size: 16pt;
color: #000000;
background-color: #FFFFFF;
border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-width:1px;
border-color: #FFFFFF;
}
</style>
</head>
<body >
<div align="center">
<font size="6" color="#000000">
<form name="temps" method="get">
<input type="text" value="0" name="heure" size="2" Onfocus="this.blur()" class="minuterie">:
<input type="text" value="0" name="min" size="2" Onfocus="this.blur()" class="minuterie">:
<input type="text" value="0" name="sec" size="2" Onfocus="this.blur()" class="minuterie">
<input type="submit" name="bt1" value="Via!" Onclick="appui()" style="border-color: #000000; font-size: 10pt;" class="minuterie">
<input type="button" value="Stop" Onclick="stop()" style="border-color: #000000; font-size: 10pt;" class="minuterie">
</form>
</font>
</div>
<div align="center">
[img]logo_htmlit.gif[/img]
</div>
</body>
</html>