编写html实现按时间随机变化的网页背景

可以使用JavaScript和CSS来实现按时间随机变化的网页背景。

首先，在HTML文件中添加一个div元素，用于显示背景。

<div id="background"></div>

然后，在CSS文件中定义背景样式，包括背景图片、大小、位置等。

#background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("bg1.jpg");
  background-size: cover;
}

接下来，使用JavaScript来按照时间随机切换背景图片。可以将多张不同的背景图片保存在一个数组中，然后使用Date对象获取当前时间，并根据时间计算出需要显示的背景图片的索引。

var backgrounds = [
  "bg1.jpg",
  "bg2.jpg",
  "bg3.jpg",
  "bg4.jpg",
  "bg5.jpg"
];

var date = new Date();
var hour = date.getHours();
var index = hour % backgrounds.length;

var background = document.getElementById("background");
background.style.backgroundImage = "url(" + backgrounds[index] + ")";

最后，使用定时器每隔一段时间更新一次背景图片。例如，可以设置每隔30分钟更新一次背景图片。

setInterval(function() {
  var date = new Date();
  var hour = date.getHours();
  var index = hour % backgrounds.length;

  var background = document.getElementById("background");
  background.style.backgroundImage = "url(" + backgrounds[index] + ")";
}, 30 * 60 * 1000);