post icon

Redirect with countdown

Redirigere automaticamente un utente dopo un certo numero di secondi non è mai stato così semplice.

Di seguito lo snippet che effettua un redirect con conto alla rovescia. Clicca Redirect_con_conto_alla_rovescia.html per vedere un esempio.

Oppure copia e incolla lo snippet!

<html>
    <head>
        <style type="text/css">
            span.contatore {
               font-size: 13px;
               font-weight:bold;
               cursor: default;
            }
        </style>
    </head>
<body>
    Tra 
    <span class="contatore" style="visibility:hidden;" id="DIV_REDIRECT">5</span>
    secondi verrai rediretto sulla home di codesnippet.it
</body>
<script language="javascript" type="text/javascript">

RedirectJS("http://www.codesnippet.it")

function RedirectJS(url){
   
   var objDiv = document.getElementById("DIV_REDIRECT");

   if(objDiv){

      objDiv.style.visibility = "visible";
      var cTicks = parseInt(objDiv.innerHTML);

       var timer = setInterval(function(){
					  if(cTicks){
						 objDiv.innerHTML = --cTicks;
					  }
					  else{
						 clearInterval(timer);
						 top.location.href = url;
					  }
					}, 1000);
   }
}
</script>
</html>

Download source: Redirect_con_conto_alla_rovescia.zip (660,00 bytes)

1 aprile 2009 @ 16:14

No comments yet.

Leave a comment

Leave a Reply

Are you human? Time limit is exhausted. Please reload CAPTCHA.