Fatal编程技术网

Javascript 根据时间显示网页

javascript jquery html

Javascript 根据时间显示网页,javascript,jquery,html,Javascript,Jquery,Html,我有一个html表单，我想在上午12:00到下午4:20之间打开，4:20之后我想关闭表单并显示“此表单现在已关闭”。这需要每天发生。我可以使用什么设置时间并根据时间重新引导用户？这是j-query吗 每次他们访问/更新页面时，您都可以运行JavaScript函数，并根据时间和分钟做不同的事情 例如： <head> <script> function changeForm() { var d = new Date(); if(d.getHours()

我有一个html表单，我想在上午12:00到下午4:20之间打开，4:20之后我想关闭表单并显示“此表单现在已关闭”。这需要每天发生。我可以使用什么设置时间并根据时间重新引导用户？这是j-query吗

每次他们访问/更新页面时，您都可以运行JavaScript函数，并根据时间和分钟做不同的事情

例如：

<head>
<script>
  function changeForm() {
    var d = new Date();
    if(d.getHours() == 16) {
      if(d.getMinutes() > 19 {
        document.getElementById('myForm').style.display = "none";
        document.getElementById('myMessage').innerHTML = "The form is now closed.";
       }
    }
    if(d.getHours() > 16) {
      document.getElementById('myForm').style.display = "none";
      document.getElementById('myMessage').innerHTML = "The form is now closed.";
    }               
 }

</script>
</head>

<body onload = changeForm()>
 ...
</body>


函数changeForm（）{
var d=新日期（）；
如果（d.getHours（）==16）{
如果（d.getMinutes（）>19{
document.getElementById（'myForm'）.style.display=“无”；
document.getElementById（'myMessage'）.innerHTML=“表单现在已关闭。”；
}
}
如果（d.getHours（）>16）{
document.getElementById（'myForm'）.style.display=“无”；
document.getElementById（'myMessage'）.innerHTML=“表单现在已关闭。”；
}               
}
...
这将在正确的时间关闭表单，而无需重新加载页面

HTML 

姓名：
表格现已关闭
Javascript/jQuery 
checkFormAvailability（）；
setInterval（函数（）{
checkFormAvailability（）；
}, 1000);
函数checkFormAvailability（）{
var minHours=0；
var minMinutes=0；
var最大小时数=16；
var maxMinutes=20；
var minHourMinutes=（最小小时*100）+最小分钟；
var maxHourMinutes=（最大小时*100）+最大分钟；
var d=新日期（）；
var n=d.getHours（）*100；
var m=d.getMinutes（）；
var currentHourMinutes=n+m；

如果（currentHourMinutes>=minHourMinutes&¤tHourMinutes您可以使用jquery使表单在客户端消失，但您还需要在服务器上禁用它。您使用的是什么服务器语言？此功能最好在服务器端实现。在浏览器上破解JavaScript代码以访问res上的表单非常容易时间限制。

<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>



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();
    }
}