Skip to content Skip to sidebar Skip to footer

Submit Form After Timer

I created a js for a countdown timer and the idea is that after the time set it will automatically submit the form but in my case after the countdown timer nothing happens and the

Solution 1:

You call the countdown function everytime you display your page without checking whether you have answers are not.

You should not call that JS function CountDown(5,$('#display')); in the timer.js

You should call it inside your PHP file instead, after having checked if answers have been provided or not

Solution 2:

Let's create a index.php file please check it. form submit on timer you can pass time through in javascript CountDown(5,div); function.

<html><body><formaction=""method="post"name="mcQuestion"id="mcQuestion">
                Name:<inputtype="test"name="name"value="Test"><div><spanid="display"style="color:#FF0000;font-size:15px"></span></div><div><spanid="submitted"style="color:#FF0000;font-size:15px"></span></div></form><script>var div = document.getElementById('display');
            var submitted = document.getElementById('submitted');

              functionCountDown(duration, display) {

                        var timer = duration, minutes, seconds;

                      var interVal=  setInterval(function () {
                            minutes = parseInt(timer / 60, 10);
                            seconds = parseInt(timer % 60, 10);

                            minutes = minutes < 10 ? "0" + minutes : minutes;
                            seconds = seconds < 10 ? "0" + seconds : seconds;
                    display.innerHTML ="<b>" + minutes + "m : " + seconds + "s" + "</b>";
                            if (timer > 0) {
                               --timer;
                            }else{
                       clearInterval(interVal)
                                SubmitFunction();
                             }

                       },1000);

                }

              functionSubmitFunction(){

                submitted.innerHTML="Time is up!";
                document.getElementById('mcQuestion').submit();

               }
               CountDown(5,div);
            </script></body></html>

Post a Comment for "Submit Form After Timer"