按时间随机变化的网页背景的HTML 代码
时间: 2024-03-10 09:46:37 浏览: 57
以下是一个简单的按时间随机变化的网页背景的 HTML 代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>按时间随机变化的网页背景</title>
<style>
body {
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
transition: background-image 1s ease-in-out;
}
</style>
</head>
<body onload="changeBackground()">
<script>
function changeBackground() {
var hour = new Date().getHours();
var images = ["bg1.jpg", "bg2.jpg", "bg3.jpg"];
var index = Math.floor(Math.random() * images.length);
var image = images[index];
document.body.style.backgroundImage = "url('" + image + "')";
setTimeout(changeBackground, 10000); // 每 10 秒变化一次
}
</script>
</body>
</html>
```
这个代码会根据当前时间随机选择一张背景图片,并且每隔 10 秒钟会重新选择一张背景图片。你可以根据自己的需求修改图片列表和时间间隔。