根据时间更改图像

时间:2013-12-16 13:01:06

标签: java

我想根据时钟更改图像。一张照片和一张夜晚的照片。在06:30到18:30之间是一天(显示白天的照片)。在18:31至06:29之间是夜晚(显示夜晚的照片)。

所以两个图像(让我们称之为day1和night1)和两个时区 day1 = 06:30 - 18:30
night1 = 18:31 - 06:29

在编程方面,我是新手。我想用这个来展示我的孩子在白天和晚上的时候(或者在早上起床和不起床时)。

我想最好的是使用Java。我更喜欢全屏软件。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

正如评论中所述,所以不是要求别人为你制作一个程序,但这似乎很容易/有趣而不给它一个去;)

您可以为此制作一个java程序,或者您可以创建一个非常简单的网页来为您执行此操作,然后您可以在平板电脑或计算机上以全屏显示此网页..

如果你想要不同的时区(我猜你想在不同的地方展示它)你可以创建另一个页面,只需在javascript中编辑时间。

Fiddler示例:http://jsfiddle.net/4E6Xs/9/

HTML:

<img id="night" src="http://1.bp.blogspot.com/_7-b4ZWNPaD8/TThuPK0cvUI/AAAAAAAAAAQ/jCqRshKkJd4/s1600/night-scene.jpg">
<img id="day" src="http://media1.santabanta.com/full1/Events/Independence%20Day/independence-day-67a.jpg">

的javascript:

$( document ).ready(function() {  
    SetImage();
    window.setInterval(SetImage,1000);
});

function SetImage(){     
    var nowdate = new Date() ;

    var waketime = new Date();     
    waketime.setHours(6);
    waketime.setMinutes(30);

    var bedtime = new Date();     
    bedtime.setHours(18);
    bedtime.setMinutes(30);

    if(waketime < nowdate  && nowdate < bedtime){
         $('#day').show();
         $('#night').hide();
    }else{
         $('#night').show();
         $('#day').hide();
    }
}