[HTML/JavaScript] Zeitablauf Button

[wir-sind-helfer]

Hallihallo,

Wie bekomme ich einen Button hin, wo die eingestellte Zeit abläuft und dieser Button dann erst klickbar ist.

Folgenden Code habe ich eigefügt:

<script type="text/javascript">
<!--
var Sekunden = 30;
var Buttonbeschriftung = "Klick ";

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>

Leider funkzt dat nicht.

Ich möchte, das nach der eingestellten Zeit (30 Sekunden) der Button klickbar ist und hinter dem Button soll einfach nur die "Reload"-Funktion sein.

Danke für Eure Hilfe!


Gruß

 

[Cosmoflamme]

Hier gibt es ein fertiges Script:

https://www.webmaster-resource.de/tricks/javascript/submit-button-blockieren-und-nach-bestimmter-zeit-wieder-freigeben.php

Das Script musst Du allerdings NACH dem Submit-Button einfügen,dann sollte es funktionieren.