Jquery页面计时器

这可能使用jQuery / PHP吗？ 我希望我的网页能够在一天的特定时间自动转到其他网页。 例如，我有一个“早餐”页面，应该在中午自动重定向到“午餐”（www.mylunchpage.com）页面。 然后午餐页面将于下午5点前往“晚餐”（www.mydinnerpage.com）页面。 我希望这一切都基于一天中的时间而不是计时器。

是的，浏览器将全天开放……

有关如何使这项工作的任何想法？ 任何建议将不胜感激。

Answer 1

Javascript函数setInterval()可用于以特定间隔（每分钟，每5分钟等）检查以查看它是什么时间。 如果当前时间到达您的某个目标，则会重定向。

就像是：

 function checkTime() { var date = new Date(); var hour = date.getHours(); var min = date.getMinutes(); if (hour == 12 && min == 0) window.location = 'noon.html'; else if (hour == 17 && min == 0) window.location == '5pm.html'; } $(document).ready(function(){ setInterval(checkTime, 60000); // This will run checkTime every minute }); 

Answer 2

使用setInterval每分钟检查一次。 然后使用new Date().getHours()来获取当前小时。 如果小时已更改为您想要的小时，请转到下一页。

到目前为止你还不需要jQuery。 如果您想要服务器时间而不是客户端时间，则必须从启动时通过ajax获取服务器的时差。

Answer 3

setInterval是一个很好的策略。 我只需要添加导航到另一个页面对用户来说非常烦人。 如果它完全与页面的风格有关：更好的是动态地改变CSS。 将提供更好的用户体验。 你甚至可以玩色彩，模仿“黄昏”和“黎明”，从红色到深蓝色平滑地改变颜色。

如果您需要如何在页面上从JS更改CSS的示例，请删除注释。