Question

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

•从早上7点到上午10点 - 显示＆＃34; image1.png＆＃34;
•从上午10:01到下午2点 - 显示＆＃34; image2.png＆＃34;
•从下午2:01到晚上8点 - 显示＆＃34; image3.png＆＃34;

提前谢谢。

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

Haven没有对此进行测试，但它应该有效。

Answer 2

这是服务器端方案。您已使用'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"; 
?>

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

Answer 3

    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 个答案: