Showing a webpage based on the time

by Adrian Carriger

HTML

<form id="my-form" style="display:none">
    <label>Name: <input type="text" ></label>
</form>
<div id="form-closed" style="display:none">The form is now closed</div>

JavaScript

checkFormAvailability();

setInterval(function(){
    checkFormAvailability();
}, 1000);

function checkFormAvailability() {
    var minHours = 0;
    var minMinutes = 0;
    var maxHours = 16;
    var maxMinutes = 20;
    
    var minHourMinutes = (minHours * 100) + minMinutes;
    var maxHourMinutes = (maxHours * 100) + maxMinutes;
    var d = new Date();
	var n = d.getHours() * 100;
    var m = d.getMinutes();
    var currentHourMinutes = n + m;
    if (currentHourMinutes >= minHourMinutes && currentHourMinutes <= maxHourMinutes) {
        $('#my-form').show();
        $('#form-closed').hide();
    }
    else {
       $('#my-form').hide();
       $('#form-closed').show();
    }
}