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

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

•从上午7点到上午10点-播放“image1.png”
•从上午10:01到下午2点-播放“image2.png”
•下午2:01至8:00-播放“image3.png”

---

提前感谢。

这是一个服务器端场景。您已经用“javascript”标记了这个问题，这是一个客户端脚本。它将始终返回“用户PC”上的时间。您尝试嵌入的工具应该在服务器端脚本中实现。您使用的是哪种脚本PHP/ASP

<?php 

switch (TRUE){ 
$hour = date('H');
case ($hour 7 > 10): 
$show = '<img src="/images/image1.gif">'; 
break; 

default: 
$show = '<img src="/images/image2.gif">'; 
break; 
} 

echo "$show"; 
?>

您可以根据需要添加更多“案例”！ 希望它能帮助您：）

var dt=new Date（）；
var h=dt.getHours（）+1；
如果（h>=7&&h<10）{
//设置背景1
}如果（h>=10&&h<2），则为else{
//设置背景2
}否则如果（h>=2&&h<8）{
//设置背景3
}否则{
//设置def bg
}

可以用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";
     }
}

document.body.onload=function（）
{
var rightNow=新日期（）；
var hour=rightNow.getHours（）；
var img=document.getElementById（“myimageid”）；
如果（7）您需要提供更多信息。什么Web服务器？您知道如何编写javascript吗？是的，这是可能的。您尝试了什么？查看开关（）声明与客户端上的时间相结合。亲爱的@NathanielJohnson，不幸的是，我不知道如何编写js。我想在我的网站上的目录中托管该页面，然后通过UIWebView在iOS应用程序中显示该页面。我不知道这是否有用。Thanks@ChrisHardie我只是想看看我是否可以用xml来做，但我没有编写任何代码。不一定是服务器端场景。
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";
     }
}