Javascriptを使用して画面の色を時間とともに変更する方法

Question

私は基本的なWebサイトで作業しています。しかし、私は少しの助けが必要です。

私のウェブサイトの画面の色を現在の時刻に合わせて変更できるかどうかは疑問です。

たとえば、太陽が設定されていてそれが午後8時であれば、色が暖かくなり、オレンジ色がかすかなタイプになります。太陽が再び上がるとき、私は色が正常に戻ることを望みます。

私はこれをJavascriptを使用して行いたいと思います。

私は時間をチェックするためにコンピュータの時計を含めることができますし、時間が例えば午後8時以降であれば、それはより暖かい色にサイトの色を変更するでしょうか？

Answer 1

これは自分で見つけることは困難にすべきではないが、私はあなたが始めるためにいくつかのヒントを与えるだろう。

あなたは、コードを次のように項目のクラス名を変更することができます。

document.getElementById("MyElement").className = "MyClass"; 

今だけあなたのCSSの2つの異なるスタイルを、それが何時であるかに応じて行います。

次のコードを使用することができ、現在の時間を見つけるために：

var currentdate = new Date(); 
currentdate.getHours(); 

JavaScriptで日付オブジェクトの詳細はdocumentationを確認してください。

これはあなたの作業を開始するはずです。ハッピーコーディング！