codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<script type="text/javascript">
var miavariabile = "";
var TimerCheckMiaVariabile;
var TimerTrentaSecondi;
function SetMiaVariabile() {
miavariabile = "completata";
}
function ControllaMiaVariabile() {
if (miavariabile == "completata") {
clearTimeout(TimerCheckMiaVariabile);
clearTimeout(TimerTrentaSecondi);
esegui("Funzione eseguita da miavariabile=\"completata\"");
}
}
function TempoScaduto() {
clearTimeout(TimerCheckMiaVariabile);
clearTimeout(TimerTrentaSecondi);
esegui("Funzione eseguita per tempo scaduto");
}
function esegui(messaggio) {
document.getElementById("risultato").innerHTML = messaggio;
}
function Riparti() {
miavariabile = "";
clearTimeout(TimerCheckMiaVariabile);
clearTimeout(TimerTrentaSecondi);
TimerCheckMiaVariabile = setInterval(ControllaMiaVariabile, 50);
TimerTrentaSecondi = setTimeout(TempoScaduto, 30000);
document.getElementById("risultato").innerHTML = "Attendi 30 secondi ...";
}
window.onload=function(){
// ogni 50 millisecondi vado a vedere miavariabile
TimerCheckMiaVariabile = setInterval(ControllaMiaVariabile, 50);
// dopo 30 secondi eseguo TempoScaduto
TimerTrentaSecondi = setTimeout(TempoScaduto, 30000);
}
</script>
</head>
<body>
Se clic su pulsante, miavariabile viene messa a "completata"
</p>
<button onclick="SetMiaVariabile();" value="Setta Variabile">Setta Variabile</button>
oppure,</p>
<div id="risultato">Attendi 30 secondi ...</div>
Se vuoi ripartire, clicca su questo pulsante:
</p>
<button onclick="Riparti();" value="Riparti">Riparti</button>
</body>
</html>
Adattala un po'
HTH
Zappa