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

【问题标题】：Website changes according to hours of the day网站根据一天中的时间变化
【发布时间】：2014-06-07 03:54:04
【问题描述】：

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

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

提前谢谢你。

【问题讨论】：

您需要提供更多信息。什么网络服务器？你知道怎么写javascript吗？
是的，有可能。你试过什么？
结合客户端时间查看switch()语句。
亲爱的@NathanielJohnson，不幸的是我不会写js。我正在考虑将该页面托管在我网站上的目录上，然后通过 UIWebView 在 iOS 应用程序中显示该页面。我不知道这是否有用。谢谢
@ChrisHardie 我只是想看看我是否可以用 xml 来做。我没有写任何代码。

标签： javascript html

【解决方案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";
     }
}

尚未对此进行测试，但应该可以。

【讨论】：

【解决方案2】：

    var dt = new Date();
    var h = dt.getHours() + 1;
    if (h >=7 && h < 10) {
        //set bg 1
    } else if (h >= 10 && h < 2) {
        //set bg 2
    } else if (h >= 2 && h < 8) {
        //set bg 3
    } else {
        //set def bg
    }

【讨论】：

【解决方案3】：

这是一个服务器端场景。您已使用客户端脚本“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"; 
?>

您可以根据需要添加更多“案例”！希望对你有帮助:)

【讨论】：

不一定是服务器端场景。