Jquery页面计时器

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

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

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

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

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

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

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

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