Count Down Redirect Howto

T his a a very cool way to have your visitors redirected to another page after a preset amount of seconds. The nice part is that your visitors can see how long before they will be redirected to the next page. You can set this to what ever time you want before the redirection occurs.

D epending on your knowledge of HTML and java scripts, this is an easy two part copy and paste code with minimal reconfigurations.

1)   Copy the coding into the <HEAD> section of your HTML document.
2)   Add the last code into the <BODY> section of your HTML document.

T here is only one reconfiguration to be made within the script if you want to leave it as the default of counting down from 10 seconds. That change is to the URL of the page you want your visitors to be redirected to. This reconfiguration is at the bottom of the section of code that goes into the <HEAD> section of your document.

             timerID=setTimeout("CountDown()", 100)
             }else{
                  location.href="http://javascript.internet.com"
             }
       }

J ust change the above URL to the one you want your visitors to be redirected to.

I f you want to change the number of seconds until the redirection, there are two more reconfigurations that are needed. One in the <HEAD> section and the other in the <BODY> of your document.

<HEAD> Section Reconfiguration

<!-- Begin
var start=new Date();
        start=Date.parse(start)/1000;
        var counts=10;
        function CountDown(){
                 var now=new Date();
                 now=Date.parse(now)/1000;
                 var x=parseInt(counts-(now-start),10);

D o not and I repeat DO NOT change the second number 10 in the below part of the script! It will throw the sequence off and have different numbers start to appear.

var x=parseInt(counts-(now-start),10);

T he last reconfiguration is within the <BODY> section of your document. What this will change is the preset value within the countdown textarea box to start with the number of seconds to count down from.

<FORM NAME="form1">
You are being redirected in
<INPUT TYPE="text" NAME="clock" SIZE="2" VALUE="10">
seconds.
</FORM>
</center>

I f you change the first number to 15 in the <HEAD> section then you would change the above number also to 15 in the <BODY> section. They have to be the same!

I f you want to add this effect to your pages, just follow the below link and grab the script. If you got to this page and did not see the visual example of this script, follow the below link for "See Visual Effect". If you have any problems with this, feel free to contact us.
Get Code Here ]
See Visual Effect ]

[ Yahoo! ] options

Search Our Site By Individual letter

A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ G ]  [ H ]  [ I ]  [ J-K ]  [ L ] 
M ]  [ N-O ]  [ P-Q ]  [ R ]  [ S ]  [ T ]  [ U-V ]  [ W ]  [ X-Y-Z ] 

Little Tips Directory

Page 1  ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5  ] [ Page 6  ] [ Page 7  ]

Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [  Advanced Site Search ]

  

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.

Copyright © Consigliere Ltd., All Rights Reserved. 2001-