基于时间更改图像

-3

我想根据时钟更改图像。一天一张照片和一张夜晚照片。 06:30到18:30之间是白天（显示日光照片）。在18:31到06:29之间是晚上（显示夜晚的图片）。基于时间更改图像

因此，两个图像（让我们叫他们day1和night1）和两个时区。
第1天= 06:30 - 18:30
night1 = 18:31 - 06:29

我是个新手，当涉及到编程。我想用这个来展示我的孩子什么时候是白天，什么时候是白天（或者早上起床，什么时候不起来）。

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

来源

2013-12-16 Ninjai

你的意思是JavaScript的，而不是Java。但你有什么尝试？ – putvande

你正在谈论使用java，但你已经用javascript而不是java标记它。你真的想用什么？这个网站是寻找解决**具体**编程问题，而不是“如何编程这个应用程序”或“请给我代码这个应用程序”！ – RononDex

正如评论指出SO是不是要求别人做一个节目给你，但是这似乎只是简单的/好玩不搏一搏;）

你可以做一个Java程序这或你可以创建一个非常简单的网页，为你做到这一点，然后你可以在平板电脑上或在计算机上全屏显示此网页..

如果你想不同的时区（我猜你想显示它在不同的地方），你可以创建另一个页面，只需在JavaScript中编辑时间。

提琴手例如：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(); 
    } 
}

来源

2013-12-16 13:21:08 JensB

基于时间更改图像

回答

相关问题