Du bist hier: Startseite » Tutorials » Countdown mit Weiterleitung TutorialDieses Tutorial ist ziemlich einfach. Und zwar wieder ein Countdown nur halt anders. Ihr kennt es bestimmt. Es kommt ein Countdown und wenn er abgelaufen ist, werdet ihr Weitergeleitet. Wenn ihr kein Bock zu warten habt, könnt ihr ihn Abbrechen. Hier erkläre ich euch nun urz und Knapp wie ihr es machen könnt. Und ich werde noch ein Paar Tipps geben
Auf meine Homepage könnt ihr nochmals das Tutorial sehen und als Beispiel mit Vorschau und so downloaden
Jetzt anschauen
Es gibt viele Sachen, wo man das nutzen kann. Z.b. auch bei einer Error 404 Seite
ODER wenn man ein Spiel entwickelt ODER für eine Ankündigung auf seiner Page. Die kann nach ein paar Sekunden geschlossen wird. Also es gibt schon viel Möglichkeiten das einzubauen
Ihr braucht nur eine bzw zwei Dateien. Die erste ist eure Homepage und die zweite die Weiterleitungsseite
Dann nehmt ihr folgenden Code und setzt ihn zwischen <head> und </head> ein
CODE:
<html>
<head>
<title>Test</title>
CODE:
<script type="text/javascript">
var countdownstart = 60;
function forward(){
if (countdownstart>0){
document.getElementById("zeit").firstChild.nodeValue=countdownstart;
countdownstart--;
setTimeout("forward()",1000);
}
else
parent.top.location="http://wunschseite.de";
}
</script>
Die 60 ist der Countdown (60 Sekunden)
http://wunschseite.de ist die Seite, wo drauf Weitergeleitet wird.
Nun müssen wir noch noch einen kleinen Text erstellen, der sagt, das Weitergeleitet wird.
CODE:
<html>
<head>
<title>Test</title>
CODE:
<script type="text/javascript">
var countdownstart = 60;
function forward(){
if (countdownstart>0){
document.getElementById("zeit").firstChild.nodeValue=countdownstart;
countdownstart--;
setTimeout("forward()",1000);
}
else
parent.top.location="http://wunschseite.de";
}
</script>
CODE:
<body onLoad="forward()">
Hier kommt der Wunschtext hin <span id="zeit">60</span>.
</body>
Und nun ein Text bzw ein Link, das der Countdown abbricht und
sofort weitergeleitet wird.
CODE:
<html>
<head>
<title>Test</title>
<script type="text/javascript">
var countdownstart = 60;
function forward(){
if (countdownstart>0){
document.getElementById("zeit").firstChild.nodeValue=countdownstart;
countdownstart--;
setTimeout("forward()",1000);
}
else
parent.top.location="http://wunschseite.de";
}
</script>
</head>
<body onLoad="forward()">
Hier kommt der Wunschtext hin <span id="zeit">60</span>.<br>
<A HREF=weiterleitungsseite.html>Abbrechen</A>
</body>
</html>
Und nun habe ich ein kleines Beispiel für euch:
Jetzt öffnen
Wenn man noch ein bisschen rumbastelt, kann man auch ein Startlink machen und so
#5 von
chrisboy 
#4 von
zerfleischer
Die Gymnasiasten sind so blöd.... die rechnen mit Buchstaben
#3 von
Habbosun
#2 von
chrisboy
#1 von
Deutschland
Nur registrierte Mitglieder könnten einen Kommentar schreiben.
Melde dich doch ganz einfach an, es ist kostenlos. :-)
1840 - 
)