首页HTML编写程序实现按时间随机变化的网页背景

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

时间: 2024-05-13 21:19:04 浏览: 12

可以使用JavaScript和CSS来实现网页背景的随机变化。以下是一个简单的示例： HTML代码： ``` <!DOCTYPE html> <html> <head> <title>随机背景颜色</title> <style> body { background-color: #000; } </style> </head> <body> <h1>随机背景颜色</h1> <script src="script.js"></script> </body> </html> ``` JavaScript代码： ``` var colors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF', '#00FFFF']; var timeInterval = 3000; // 每隔3秒随机变换一次背景颜色 function changeBackground() { var randomIndex = Math.floor(Math.random() * colors.length); document.body.style.backgroundColor = colors[randomIndex]; } setInterval(changeBackground, timeInterval); ``` 这个例子中，我们定义了一个颜色数组和一个时间间隔，然后使用`setInterval`函数每隔一段时间就调用一次`changeBackground`函数，该函数会随机选择一个颜色并将其设置为背景颜色。