Button mit Countdown
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hallo ,
man kennnt das aus dem WBB 2 wo man 10 Sekunden warten muss , bis man bei der Registrierung den Akzeptieren Button klicken kann.
Hat dazu vllt. einer einen Code ?!
Danke
seb12
edit://
ich hab einen code wer sowas auch sucht hier meiner :
<form action="register.php" method="post" name="sform"> <input type="hidden" name="disclaimer" value="viewed" /> <input type="hidden" name="sid" value="" /> <p align="center"><input class="input" type="submit" name="submitbtn" value="Akzeptieren" /></p> </form> <script language="JavaScript"> <!-- function SymError() { return true; } window.onerror = SymError; var SymRealWinOpen = window.open; function SymWinOpen(url, name, attributes) { return (new Object()); } window.open = SymWinOpen; //--> </script> <script type="text/javascript"> <!-- var secs = 10; var wait = secs * 1000; document.sform.submitbtn.disabled=true; for(i=1;i<=secs;i++) { window.setTimeout("update(" + i + ")", i * 1000); } window.setTimeout("timer()", wait); function update(num) { if(num == (wait/1000)) { document.sform.submitbtn.value = "Akzeptieren"; } else { printnr = (wait/1000)-num; document.sform.submitbtn.value = "Akzeptieren (" + printnr + ")"; } } function timer() { document.sform.submitbtn.disabled=false; } //--> </script> </body> </html>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
das von dir ist aber lang...
du kannst auch das benutzen
<html> <head> <title>Button</title> <script language="javascript"> <!-- var i = 10; function countdown() { document.getElementById("button").value = "Absenden(" + i +")"; if(i>0) { i--; window.setTimeout("countdown()",1000); } else { document.getElementById("button").disabled = ""; document.getElementById("button").value = "Absenden"; } } --> </script> </head> <body onload="countdown()"> <form action="blablabla.php" method="post"> <input id="button" type="submit" value="Absenden" disabled="disabled" /> </form> </body> </html>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage