1/*
2
3HTML needed in the body before Javascript
4<div id="demo"></div>
5<form method="post" id="username">
6<input type="text" name="usename" placeholder="Enter Username">
7</form>
8
9<?php
10
11if ($_SERVER['REQUEST_METHOD'] == 'POST) {
12echo $_POST['username'];
13}
14
15?>
16
17*/
18
19function timeRemaining (id, stoptime) {
20      // Set the date we're counting down to
21      var countDownDate = new Date(stoptime).getTime();
22
23      // Update the count down every 1 second
24      var x = setInterval(function() {
25
26        // Get today's date and time
27        var now = new Date().getTime();
28
29        // Find the distance between now and the count down date
30        var timediffer = countDownDate - now;
31
32        // Time calculations for days, hours, minutes and seconds
33        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
34        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
35        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
36        var seconds = Math.floor((distance % (1000 * 60)) / 1000);
37
38        // Output the result in an element with id="demo"
39        document.getElementById(id).innerHTML = days + "d " + hours + "h "
40            + minutes + "m " + seconds + "s ";
41
42        // If the count down is over, write some text
43        if (timediffer < 0) {
44          clearInterval(x);
45          $('#username').submit();
46          document.getElementById(id).innerHTML = "Time-up Form is submiting";
47        }
48
49      }, 1000);
50    }
51    timeRemaining('demo', 'Dec 2, 2020 14:21:00');