根據時間段來自動切換網頁背景顏色或圖片背景

有些時侯為了豐富頁面的顯示效果，將頁面製作成根據時間變換頁面背景的樣式，這樣會使流覽者對此網站不會感覺厭倦，同時也會覺得網站製作的非常新穎。

本文通過 Date 物件的 getHours（） 方法獲得當前時間，然後根據不同的時間段來改變頁面的背景顏色，當然也可以實現更改背景圖片等操作，大家也可自行研究。

直接將下面的代碼放在頁腳檔 foot 或者 footer 裡面

上面代碼中 time > 6 && time < 18 為時間，指的是早上6點到晚上6點之間，可以自行修改時間。

上面#fff222和#000為顏色代碼，可以自行改修顏色。

如果想換成圖片的話就把上面的代碼

document.body.style.backgroundColor="#fff222";
document.body.style.backgroundColor="#000";

替換成下面的代碼

document.body.style.backgroundImage="url('背景圖片地址')";