※ ChatGPTを利用し、要約された質問です（原文：時間帯によって背景画像を変える）
このQ&Aのポイント
背景画像を時間帯に応じて変える方法について教えてください。普通の背景表示ではうまくいかず、JavaScriptを使ってスタイルを変える方法を試していますがうまくいきません。
headタグ内でスタイルを変える方法について教えてください。JavaScriptを使って時間帯によってスタイルを切り替えることができないのですが、どのようにすればうまくいくでしょうか？
普通の背景表示ではうまくいかず、スタイルの変更を試していますがうまくいきません。JavaScriptを使用して時間帯によって背景画像を変える方法を教えてください。
タイトル通りなのですが、なかなかうまくいきません・・・。
<BODY style="background-image:url(test.gif);background-repeat:no-repeat;
background-attachment:fixed;background-position:bottom right;">
スタイルを使って右下に背景画像を表示しています。このtest.gifを時間帯によって変えたいです。
自分なりにこのようにしてheadタグの中に埋め込みましたがうまくいきません。
<SCRIPT LANGUAGE="JavaScript">
<!--- function geth(t){ if (t<=5) document.write("<BODY style='background-image:url(test1.gif);background-repeat:no-repeat;
background-attachment:fixed;background-position:bottom right;'>");
else { if (t<=11) document.write("<BODY style='background-image:url(test2.gif);background-repeat:no-repeat;
background-attachment:fixed;background-position:bottom right;'>");
else { if (t<=17) document.write("<BODY style='background-image:url(test3.gif);background-repeat:no-repeat;
background-attachment:fixed;background-position:bottom right;'>");
else { if (t<=23) document.write("<BODY style='background-image:url(test4.gif);background-repeat:no-repeat;
background-attachment:fixed;background-position:bottom right;'>");
}}} } //---> </SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--- h = new Date(); geth(h.getHours()); //---> </SCRIPT>
<BODY BACKGROUND='test.gif'>という普通の背景の表示の仕方ならうまくできました。スタイルはheadの中では使えないのでしょうか・・・？どのようにすればうまくいくでしょうか？JavaScriptに関してはほとんど無知ですがよろしくおねがいします。
※意味不明なことを言っていたらすみません。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
回答ありがとうございます！うまくできました！完璧です！ head要素内でbodyタグを書き出すのは強引だったんですねぇ・・・。背景画像を指定するのだけにJavaScriptを使えばよかったんですね。本当に助かりました。