JavaScript

Senden-Button erst nach bestimmter Zeit freigeben

Details

Veröffentlicht am Samstag, 18. Oktober 2008 23:57

Geschrieben von Jan Pionzewski

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. So wird der Besucher gezwungen, sich die Seite erst eine gewisse Zeit lang anschauen zu müssen, bevor er auf "Absenden" klicken kann.

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>

Hinweis:
Achten Sie darauf, dass das Script erst nach dem Button eingefügt wird.