Formular mit Timeout

Dieses Script ist recht einfach gestrickt und enthält einen Countdown von 10 Sekunden. Wenn der Nutzer nicht innerhalb von 10 Sekunden das Formular abschickt, dann erscheint, sobald er auf den Sende-Button klickt die Frage, ob er das Formular wirklich einsenden möchte.

Unterhalb des Scripts ist das Formular, was von euch natürlich noch etwas angepasst werden muss, je nachdem was ihr wohin verschicken wollt 😉

Wenn das Formular innerhalb der angegebenen Zeit verschickt wird, erfolgt keine weitere Meldung.

Die Sekundenanzahl kann übrigens bei totalSecs geändert werden.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var i = 0; var done = 0; var totalSecs = 10; function SecondPast() { if(totalSecs != null) timerId = setTimeout("SecondPast()", 1000); if(i < totalSecs) { i += 1; document.getElementById('seconds').innerHTML = totalSecs - i; } } function doSub() { if(i < totalSecs) { done = true; } else { alert("Möchtest du das Formular wirklich abschicken?"); done = true; } return done; } //--> </script> <div align="center"> <form name="clock" onsubmit="return doSub();"> Du hast noch <span id="seconds">0</span> Sekunden Zeit, um das Formular abzuschicken <br /> <br /> <input type="textbox" name="info" value="Text zum versenden" /> <input type="submit" value="Abschicken" /> </form> </div> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/zaehler/formular-mit-timeout/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">function addEvent889(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false)}else if(obj.attachEvent){obj["e"+type+fn]=fn;obj[type+fn]=function(){obj["e"+type+fn](window.event)};obj.attachEvent("on"+type,obj[type+fn])}};addEvent889(window,'load',SecondPast);</script> <!-- präsentiert von kostenlose-javascripts.de -->