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

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

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

直接將下面的代碼放在頁腳文件foot或者footer里面。

<script type="text/javascript">
function changeBg(){
  var date = new Date(),
  time = date.getHours();
  if(time > 6 && time < 18){
      document.body.style.backgroundColor="#fff222";}
  else{
      document.body.style.backgroundColor="#000";}
}
changeBg();
</script>

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

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

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

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

替換成

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