<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Day and Night Background</title>
</head>
<body>
<h1>Hello, World!</h1>
<script>
var date = new Date();
var hour = date.getHours();
var body = document.getElementsByTagName('body')[0];
if (hour >= 6 && hour < 18) {
body.style.backgroundColor = '#f0e68c'; //设置白天的背景颜色
} else {
body.style.backgroundColor = '#483d8b'; //设置黑夜的背景颜色
}
</script>
</body>
</html>
js 实现页面背景色随白天、黑夜的边化而变化
于 2023-05-31 17:28:40 首次发布