基於時間更改圖像

-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

基於時間更改圖像

回答

相關問題