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時前に正しい色を表示し、昨日は夕方と夜に正しい色を表示しました。 。 。
ありがとうございました!申し訳ありませんが、私はこの質問であなたの時間を無駄にしました。 。 。私はそのことを考えないためにとても気が気になりません。 。 。私は> =を使用して終了し、それは正常に働いた。 。 。 –