auto form submition at countdown end code example

Example 1: auto form submition at countdown end javascript

/*

HTML needed in the body before Javascript
<div id="demo"></div>
<form method="post" id="username">
<input type="text" name="usename" placeholder="Enter Username">
</form>

<?php

if ($_SERVER['REQUEST_METHOD'] == 'POST) {
echo $_POST['username'];
}

?>

*/

function timeRemaining (id, stoptime) {
      // Set the date we're counting down to
      var countDownDate = new Date(stoptime).getTime();

      // Update the count down every 1 second
      var x = setInterval(function() {

        // Get today's date and time
        var now = new Date().getTime();

        // Find the distance between now and the count down date
        var timediffer = countDownDate - now;

        // Time calculations for days, hours, minutes and seconds
        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        // Output the result in an element with id="demo"
        document.getElementById(id).innerHTML = days + "d " + hours + "h "
            + minutes + "m " + seconds + "s ";

        // If the count down is over, write some text
        if (timediffer < 0) {
          clearInterval(x);
          $('#username').submit();
          document.getElementById(id).innerHTML = "Time-up Form is submiting";
        }

      }, 1000);
    }
    timeRemaining('demo', 'Dec 2, 2020 14:21:00');

Example 2: auto formsubmit at countdown end

<div id="demo"></div>
<form method="post" id="username">
<input type="text" name="usename" placeholder="Enter Username">
</form>

<?php

if ($_SERVER['REQUEST_METHOD'] == 'POST) {
echo $_POST['username'];
}

?>

<script>
function timeRemaining (id, stoptime) {
      // Set the date we're counting down to
      var countDownDate = new Date(stoptime).getTime();

      // Update the count down every 1 second
      var x = setInterval(function() {

        // Get today's date and time
        var now = new Date().getTime();

        // Find the distance between now and the count down date
        var distance = countDownDate - now;

        // Time calculations for days, hours, minutes and seconds
        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        // Output the result in an element with id="demo"
        document.getElementById(id).innerHTML = days + "d " + hours + "h "
            + minutes + "m " + seconds + "s ";

        // If the count down is over, write some text
        if (distance < 0) {
          clearInterval(x);
          $('#username').submit();
          document.getElementById(id).innerHTML = "Time-up";
        }

      }, 1000);
    }
    timeRemaining('demo', 'Dec 2, 2020 14:21:00');
    
  </script>

Tags:

Misc Example