<!DOCTYPE html>
<html>
<head>
<title>当前日期和时间</title>
</head>
<body>
<h2 id="date"></h2>
<h2 id="time"></h2>
<h2 id="greeting"></h2>
<script>
window.onload = function() {
var today = new Date();
var hour = today.getHours();
var minutes = today.getMinutes().toString().padStart(2, '0');
var year = today.getFullYear();
var month = (today.getMonth() + 1).toString().padStart(2, '0');
var day = today.getDate().toString().padStart(2, '0');
var formattedDate = year + '年' + month + '月' + day + '日';
var dateElement = document.getElementById('date');
var timeElement = document.getElementById('time');
var greetingElement = document.getElementById('greeting');
var greeting;
dateElement.textContent = '今天日期:' + formattedDate;
if (hour < 12) {
greeting = '早上好!欢迎来到贵美';
} else if (hour < 18) {
greeting = '下午好!欢迎来到贵美';
} else {
greeting = '晚上好!欢迎来到贵美';
}
timeElement.textContent = '现在时间:' + hour + '点' + minutes + '分';
greetingElement.textContent = greeting;
}
</script>
</body>
</html>