Countdown mit Weiterleitung Tutorial - Kostenlose Homepage Tools für deine Homepage auf ntmb.de

Du bist hier: Startseite » Tutorials » Countdown mit Weiterleitung Tutorial

Countdown mit WeiterleitungGanz leicht. Ein Countdown. Wenn dieser Abgelaufen ist, wir automatisch auf eine Wunsch-Adresse weitergeleitet. Hier habe ich auch ein Abbrechen-Button eingebaut (Schwierigkeit: Einfach)

665 Zugriffe -

chrisboy

- 20.09.2009 15:56 Uhr - Tutorial-Version: 6 -

Dieses 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>

CODE:


</head>

</html>

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:


</head>

CODE:


<body onLoad="forward()">



Hier kommt der Wunschtext hin <span id="zeit">60</span>.



</body>

CODE:


</html>

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

Zurück

Mitglieder-Kommentare

#5 von

chrisboy

am 10.10.2009 um 20:07 Uhr

auf meine Homepage könnt ihr nochmals das Tutorial sehen und als Beispiel mit Vorschau und so downloaden

#4 von

zerfleischer

am 01.10.2009 um 14:56 Uhr

Nunja. Du kannst ja auch eine sofortige machen. Dies hier ist wie chris schon sagte sehr nützlich wenn man eine kurze info geben möchte, sehr hilfreich.

Bekommst von mir auch ein +1

Bitte keine Frage per PN an mich die im Forum schon Tausend mal beantwortet wurden. Einfach mal die Augen aufmachen. Wenn es aber garnicht weitergeht dann fragt ruhig. :=)
Ich habe auch eine Galeri

http://www.ntmb.de/member/user_galerie_16_new_0.html einfach mal guggen und lachen oder freuen.

Die Gymnasiasten sind so blöd.... die rechnen mit Buchstaben

#3 von

Habbosun

am 26.09.2009 um 19:59 Uhr

Also: Das Tourtail ist sehr gut und habs gleich kapiert, jedoch finde ichs ohne das es runterzählt besser.

#2 von

chrisboy

am 24.09.2009 um 14:02 Uhr

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

(Danke für das +

)

#1 von

Deutschland

am 20.09.2009 um 18:56 Uhr

Ich bin am überlegen was ich am besten dazu sag...
naja ist ja aufgebaut wie eine normale weiterleitung nur mit Countdown.....

Für ein paar Seiten sicher Nützlich, viele machen das mit automatischer oder Button weiterleitung also von mir trotzdem nen plüschen...

So wer das liest, sieht dass ich mich vom Acker gemacht habe!

Nur regestrierte Mitglieder könnten ein Kommentar schreiben.

Melde dich doch ganz einfach an, es ist kostenlos. :-)