javascript - 网站根据一天中的时间变化

Question

我想知道是否有一种方法可以让网站随着一天中的时间而变化。示例:假设我们有 3 个图像(image1.png、image2.png 和 image3.png)。每张图像代表一个电视台的节目。我想要的是设置一个以这种方式显示图像的网页:

• 早上 7 点到上午 10 点 - 显示“image1.png”
• 上午 10:01 至下午 2 点 - 显示“image2.png”
• 下午 2:01 至晚上 8 点 - 显示“image3.png”

提前谢谢您。

Answer 1

可以用 Javascript(或者 PHP，如果你知道的话)轻松实现。不过，我们以 JavaScript 为例:

document.body.onload = function()
{
     var rightNow = new Date();
     var hour = rightNow.getHours();
     var img = document.getElementById("myimageid");
     if(7<hour<9) //If it's between 7 AM and 9:59 AM
     {
         img.src = "image1.png";
     }
     else if(10<hour<13) //If it's between 10 AM and 1:59 PM
     {
         img.src = "image2.png";
     }
     else if(14<hour<19) //If it's between 2 PM and 7:59 PM
     {
         img.src = "image3.png";
     }
}

还没有测试过，但应该可以。