• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Button mit Countdown

Status
Für weitere Antworten geschlossen.

M4rtin

Neues Mitglied
Hallo Leute,

ich habe die letzte Stunde ein bissl in Google gesucht und diesen Code hier gefunden:

Code:
<html>

<head>

 <script language="javascript" type="text/javascript">

 <!--

 // testform steht fär den Formularname

 // submitbtn steht fär den Buttonname



 var seconds = 10; // Wie lang soll runtergezählt werden?

 var buttontext = 'Download'; // Dieser Text wird auf den Button geschrieben



 // Ab hier muss nichts mehr geändert werden

 function countdown() {

     document.testform.submitbtn.disabled = true; // Als erstes den Button deaktivieren



     for(i = 0; i <= seconds; ++i) {

         window.setTimeout('timer()', i * 1000); // Dann jede Sekunde die Funktion timer() aufrufen

     }

 }

 function timer() {

     n = seconds != 1 ? 'n' : ''; // Soll ein 'n' an 'Sekunde' angehängt werden?



     if(seconds == 0) {

         document.testform.submitbtn.value = buttontext;

         document.testform.submitbtn.disabled = false;

         // Wenn fertig runtergezählt wurde, dann wird der Button reaktiviert und der Text neubeschrieben

     } else {

         document.testform.submitbtn.value = buttontext + ' (' + seconds-- + ' Sekunde' + n + ')';

         // Ansonsten  wird immer schön runtergezählt (mit 'seconds--') und neuangehängt an den Button

     }

 }

 //-->

 </script>


</head>

<body onLoad="javascript: countdown();">

<!-- Beim laden der Seite die Funktion countdown() aufrufen -->



<form name="testform"> <!-- Hier wird der Formularname festgelegt -->

<input type="submit" name="submitbtn" /> <!-- Und hier der Name vom Button -->


</form>



</body>

</html>


Der Button funktionert schonmal einwandfrei, ABER wie schaffe ich es dass ein Besucher nach Klick auf den Button auf eine bestimmte Seite weitergeleitet wird?

MfG Martin
 
Werbung:
Wenn du den Code benutzen willst, dann definiere am anfang des Scriptes eine Variable:
Code:
var fertig = false;

Und dann in dem Teil, in dem der button aktiviert wird, wird der Wert auf true gesetzt:
Code:
fertig = true;

Anschließend machst du noch eine weitere Funktion, die den Wert der Variable überprüft:
Code:
function weiter(){
if(fertig)
location.href = "http://www.html.de";
}

Die Funktion wird dann noch zu guter letzt beim klick auf den button ausgeführt:
HTML:
<input type="button" onclick="weiter()" />
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben