Reindirizzamento con Count-Down

**mrkarati** · 03-05-2012, 18.32.05

Salve,
sto utilizzando il codice scritto qui sotto per fare un reindirizzamento automatico dopo 10 secondi ad un'altra pagina. Si può notare che è presente anche un count-down che parte da 10 e va fino a 0. Il problema è che se c'è una connessione lenta e il browser ci mette qualche secondo a caricar la nuova pagina si vede che il count-down va in negativo. E' possibile far in modo che si fermi a zero?

Codice:

<meta http-equiv="refresh" content="10;url=http://mrkarati.altervista.org/index.html" />
<title>Countdown Sample</title>
</head>
<body>Sarai reindirizzato in HomePage tra <span id="seconds">10</span> secondi.
<script>
var seconds = 10;
setInterval(
function(){
document.getElementById('seconds').innerHTML = --seconds;
}, 1000
);
</script>

PS: ho aperto questa discussione qui sperando di non aver sbagliato sezione...

**karl94** · 03-05-2012, 19.19.17

Prova così:

Codice HTML:

<script type="text/javascript">
	var seconds = document.getElementById('seconds');
	var interval = setInterval(function(){
		seconds.textContent--;
		if(seconds.textContent == "0"){
			clearInterval(interval);
		}
	}, 1000);
</script>

**mrkarati** · 03-05-2012, 19.42.38

Ora il browser carica la nuova pagina sempre in tempo per cui ho provato a far partire il count-down da (per esempio) 5 ed effettivamente una volta arrivato a 0 si ferma finché non passano i 10 secondi. Credo quindi che funzioni perfettamente.

Ti ringrazio molto per l'aiuto.

Discussione: Reindirizzamento con Count-Down

LinkBack

Strumenti discussione

Display

Reindirizzamento con Count-Down

Regole di scrittura