2016-07-29 12 views
0

基本的には、特定の時間(特定の時間)後にページの背景色が変更されるJavascriptを作成しました。私はそれをやり遂げる方法について混乱しましたが、このサイトで質問したところ、私は正しい方向を指すことができました。ここで 特定の時間帯での色の変化がJsで動作しない

は(私の問題に関する情報は、コードの下にある)コードです:私は、ページを表示するときに

//determines the bg color 
 
\t var curHour = new Date().getHours(); //finds the current hour 
 
\t var background = document.getElementById('myBody'); //gets background 
 
\t if (curHour > 4 && curHour < 11){ 
 
\t \t background.style.backgroundColor = "lightblue"; //Morning 
 
\t } 
 
\t else if (curHour > 11 && curHour < 17) { 
 
\t \t background.style.backgroundColor = "#3a9fe5"; //around afternoon 
 
\t } 
 
\t else if (curHour > 17 && curHour < 21) { 
 
\t \t background.style.backgroundColor = "#102a55"; //evening 
 
\t } 
 
\t else { 
 
\t \t background.style.backgroundColor = "black"; //night 
 
\t } 
 
//Please note: this isn't ALL of the javascript, just the bit I'm using to change the color
#myBody { 
 
\t background-color: lightSeaGreen; /*This is the default color  in case something goes wrong with the JS*/ 
 
\t z-index: -999; 
 
}
<!DOCTYPE html> 
 
<html> 
 
\t <head> 
 
\t \t <script src="JsSnow.js"></script> 
 
\t \t <link rel="stylesheet" type="text/css" href="style.css"> 
 
\t </head> 
 
\t <body id="myBody"> 
 
\t \t <canvas id="myCanvas"></canvas> 
 
\t </body> 
 
</html>

わかりました私の問題がある(これは、午前11時30分の周りに現在あります、私がいるところ)、背景色は黒で表示されますが、午後9時(つまり21時)まで表示されません。

私はコードを修正しようとしましたが、黒色にする:

else if (curHour > 21 && curHour < 4) { 
 
\t \t background.style.backgroundColor = "black"; //night 
 
\t }

私がいることをしようとしたときに残念なことに、それが消えてページ上の他のすべてを引き起こし、そしてページがlightSeaGreenのデフォルトの色になりました。

奇妙なことに、ページは午前11時前に正しい色を表示し、昨日は夕方と夜に正しい色を表示しました。 。 。

答えて

3

curHour==11のケースがない場合、コードは厳密に小さく厳密に大きくなっているため、午前11時と午後5時の間は黒くなります。

+0

ありがとうございました!申し訳ありませんが、私はこの質問であなたの時間を無駄にしました。 。 。私はそのことを考えないためにとても気が気になりません。 。 。私は> =を使用して終了し、それは正常に働いた。 。 。 –

関連する問題