Come posso lasciare il countdown in basso a destra come se fosse un piccolo popup nonostante l'utente vada su e giù per la pagina? La pagina in questione è questa http://www.davidepappalardo.it/Quiz/quiz.html
I secondi che partono da 180 dovrebbero essere sempre visibili in basso a destra, effetto banner pubblicitario per intenderci,
Html:
codice:
<form name="redirect" align="center">
<input type="text" size="5" name="counter">
</form>
Lo script del conto alla rovescia:
codice:
<script language="Javascript">
<!--
// Imposto il sito di destinazione
var destinazione = "http://www.davidepappalardo.it/Quiz/index.html";
// Imposto il numero di secondi per il conto alla rovescia
var secondi = 180;
// Creo la variabile conteggio e contestualmente
// imposto il valore di partenza al numero di secondi + 1
var conteggio = document.redirect.counter.value = secondi + 1;
// Creo la funzione che gestisce il conto alla rovescia
function contoallarovescia()
{
// Se la variabile conteggio è maggiore di 1...
if (conteggio > 1)
{
// decremento il valore della variabile conteggio
conteggio = conteggio - 1;
// e contestualmente aggiorno il numero mostrato a video
document.redirect.counter.value = conteggio;
// ...se conteggio è uguale o minore di 1 eseguo il redirect
}else{
window.location = destinazione;
return
}
// La funzione ri-esegue se stessa ogni secondo fino alla
// esecuzione del redirect
setTimeout("contoallarovescia()", 1000);
}
// Lancio per la prima volta la funzione (che poi, come sappiamo
// provvederà autonomamente ad auto eseguirsi ogni secondo)
contoallarovescia()
//-->
</script>