[JavaScript] Simpel countdown met verzenden formulier
Probleem 1: Countdown stopt niet, hij telt door tot onder 0
Probleem 2: Formulier word niet verzonden
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
function CountDown() {
var duration = Math.round(document.getElementById('display').innerHTML);
var form = document.getElementById("myForm");
if (isNaN(duration)) {
return;
} else {
duration = duration + 1;
}
var InterVal = setInterval(nextSecond, 1000);
function nextSecond(){
duration--;
if (duration < 0){
clearInterval(nextSecond);
document.getElementById('display').innerHTML = duration;
form.submit();
} else {
document.getElementById('display').innerHTML = duration;
}
}
}
CountDown();
</script>
function CountDown() {
var duration = Math.round(document.getElementById('display').innerHTML);
var form = document.getElementById("myForm");
if (isNaN(duration)) {
return;
} else {
duration = duration + 1;
}
var InterVal = setInterval(nextSecond, 1000);
function nextSecond(){
duration--;
if (duration < 0){
clearInterval(nextSecond);
document.getElementById('display').innerHTML = duration;
form.submit();
} else {
document.getElementById('display').innerHTML = duration;
}
}
}
CountDown();
</script>
Maar het formulier verzenden lukt niet.
Code (php)
1
2
3
4
2
3
4
<form action="index.php" enctype="multipart/form-data" id="myForm" method="post" name="myForm">
<input autocomplete="off" autofocus id="solution" name="solution" type="text" value="">
<input id="submit" name="submit" type="submit" value="Verzenden">
</form>
<input autocomplete="off" autofocus id="solution" name="solution" type="text" value="">
<input id="submit" name="submit" type="submit" value="Verzenden">
</form>
Toevoeging op 27/08/2018 11:44:11:
Probleem 2 is ook gevonden. ID in input (submit) moest veranderd worden naar een andere naam.