Ciao Ragazzi
ho un problema con il focus di una pagina.
Sto usando questo script per visualizzare un semplice conto alla rovescia.
il problema è che se l'utente toglie il focus alla pagina, per esempio cambiando il tab della finestra del browser oppure riducendo ad icona la finestra del browser il countdown si ferma e riparte quando l'utente riapre la pagina e gli da il focus... avete idea di come posso risolvere il problema? L'evento onUnload non va bene perchè viene richiamato solo se cambio la pagina ...
codice:
<script>
function countdown(){
var milli = document.getElementById("millisecondi").value;
var secondi = document.getElementById("secondi").value;
var minuti = document.getElementById("minuti").value;
if (secondi<=0 && minuti<=0){
document.getElementById("Labelminuti").innerHTML=' ';
document.getElementById("Labelsecondi").innerHTML=' ';
document.getElementById("Labelmilli").innerHTML=' ';
window.location="fine.php";
}
else
{
var risMilli=milli-1;
document.getElementById("millisecondi").value = risMilli;
if (milli==0){
document.getElementById("millisecondi").value = 60;
milli=60;
risSecondi = secondi-1;
document.getElementById("secondi").value = risSecondi;
}
if (secondi==0 && minuti>0){
document.getElementById("secondi").value = 59;
secondi=59;
risMinuti = minuti-1;
document.getElementById("minuti").value = risMinuti;
}
document.getElementById("Labelminuti").innerHTML=minuti+ ' : ';
document.getElementById("Labelsecondi").innerHTML=secondi+ ' : ';
document.getElementById("Labelmilli").innerHTML=milli;
setTimeout("countdown()",1)
}
}
</script>
<input name="" type="hidden" value="2" id="minuti">
<input name="" type="hidden" value="0" id="secondi">
<input name="" type="hidden" value="0" id="millisecondi">
<span id="Labelminuti"></span><span id="Labelsecondi"></span><span id="Labelmilli"></span>