Senden-Button erst nach bestimmter Zeit freigeben

Den Absende-Button von Formularen kann man mit einem JavaScript blockieren und erst nach einer bestimmten Zeit freigeben.

Der Einsatz eines solchen Buttons könnte zum Beispiel bei einer Registrierung sinnvoll sein. Mit dem Script zwingt man den Seitenbesucher, sich die Website erst eine gewisse Zeit lang anzuschauen. Erst nach Ablauf der Zeit, ist der Absenden-Button zum Anklicken freigegeben.

 

Script in die Website einfügen

Mit dem nachstehenden Code-Schnipsel kannst du das Script in deine Website einfügen.

 

Code-Beispiel:

<input id="Send" type="submit" value="Abschicken">
 
 <script type="text/javascript">
 <!--
 var Sekunden = 15;
 var Buttonbeschriftung = "Absenden";
 
 document.getElementById('Send').disabled = true;
 
 for(i = 1; i <= Sekunden; i++)
 {
     window.setTimeout("ButtonAktualisieren(" + i + ")", i*1000);
 }
 
 window.setTimeout("ButtonFreigeben()", Sekunden*1000);
 
 
 function ButtonAktualisieren(VergangeneSekunden)
 {
     if(VergangeneSekunden == Sekunden)
     {
         document.getElementById('Send').value = Buttonbeschriftung;
     }
     else
     {
         Restsekunden = Sekunden-VergangeneSekunden;
         document.getElementById('Send').value = Buttonbeschriftung + " (" + Restsekunden + ") ";
     }
 }
 
 
 function ButtonFreigeben()
 {
     document.getElementById('Send').disabled = false;
 }
 //-->
 </script>

 

Erläuterung des Scripts

Mit der Variablen var Sekunden =15; und var Buttonbeschriftung = "Absenden"; legst du fest, nach wie vielen Sekunden welcher Button freigegeben werden soll. Diese Variablen kannst du nach Belieben anpassen.

Achte bitte darauf, dass du das Script erst nach dem Button einfügst da das Script ansonsten nicht funktioniert.


Dir gefällt dieser Artikel?

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.