martedì 29 novembre 2011

Redirect automatico da una pagina con conto alla rovescia

E' molto utile utilizzare il tag
<META http-equiv="Refresh" content="10;URL=http://www.nuovaurl.it">
dentro la sezione <head> dell'html, in modo da effettuare un redirezionamento a tempo (in questo caso 10 secondi) di una pagina Web.

Vediamo come abbinarlo al classico "conto alla rovescia", supponiamo di avere una pagina che ci informi che avverrà la redirezione al sito www.corriere.it dopo X secondi e di avere un informazione sulla pagina in merito a quanti secondi mancano alla redirect.
Per ottenere questo risultato si utilizza nell'onload del body della pagina il metodo setInterval, che accetta 2 parametri:
  1. La funzione javascript da richiamare;
  2. Il tempo in millisecondi che deve trascorrere tra una chiamata e l'altra.
Vediamo il codice HTML e Javascript di questo semplice esempio:

<html>

<head>
<title>Pagina di autorefresh</title>
<META http-equiv="Refresh" content="10;URL=http://www.corriere.it">
</head>
<body onload="javascript:setInterval('go()',1000)">
Sarai redirezionato al sito in
<div id="mioDiv">10
</div> secondi
</body>
</html>

<script language="javascript">
function go(){
var valore=parseInt(document.getElementById("mioDiv").innerHTML);
valore=valore-1;
document.getElementById("mioDiv").innerHTML=valore;

}
</script>


1 commento:

  1. Ho provato a fare uno script per l'url short, controlla: downloadeguide.altervista.org/SuperUrl/index.php

    RispondiElimina