检查时间并相应加载内容JavaScript

时间:2018-02-02 09:29:36

标签: javascript html web

我正在建立一个网站(个人项目),我正在努力实现以下目标:如果用户在某些时间内(例如:在22到6之间)访问任何页面,它会显示一条消息,而不是一个已停用的页面;如果他/她在白天的其他时间访问该页面,则页面加载时没有任何消息。该消息应在特定时间内替换页面的全部内容。

现在我的代码在索引上运行正常,但我希望它尽可能通用,以便相同的代码可以在所有页面上运行。

如果这听起来很愚蠢,那可能是因为我几乎是网络编程的新手。

提前致谢

到目前为止,这是我的代码:

var objDate = new Date();
var hours = objDate.getHours();
$( document ).ready(function() {    
    if(hours >= 06 && hours <= 10){
        $("#content").load("current-page.html"); // Load desired page, so name has to be dynamic I guess (?)
    }
    else{
        $("#content").load("/message.html"); // Load custom message
    }
});    

1 个答案:

答案 0 :(得分:0)

如果用户在规定的时间内访问该页面,如果我理解正确,您不需要加载任何其他内容。

因此,只要条件不满足,只需使用window.location = '/message.html';重定向到您的邮件,然后让用户通过:

var objDate = new Date();
var hours = objDate.getHours();  

if(!(hours >= 06 && hours <= 10)){
    window.location = '/message.html';
}