使用周期和日期函数,在页面显示以下内容: 今天日期:2022年8月3日 现在时间:14点12分 下午好!欢迎来到惠购商城
时间: 2024-02-16 07:04:43 浏览: 103
好的,以下是代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<title>日期和时间示例</title>
<meta charset="utf-8">
</head>
<body>
<div id="showTime"></div>
<script type="text/javascript">
function show(){
let now = new Date();
let year = now.getFullYear();
let month = now.getMonth() + 1;
let day = now.getDate();
let hour = now.getHours();
let minute = now.getMinutes();
let second = now.getSeconds();
let ampm = hour >= 12 ? '下午' : '上午';
hour = hour % 12;
hour = hour ? hour : 12;
month = month < 10 ? '0' + month : month;
day = day < 10 ? '0' + day : day;
minute = minute < 10 ? '0' + minute : minute;
second = second < 10 ? '0' + second : second;
let dateStr = year + '年' + month + '月' + day + '日';
let timeStr = hour + '点' + minute + '分';
let greetingStr = ampm + '好!欢迎来到惠购商城';
document.getElementById('showTime').innerHTML = '今天日期:' + dateStr + ' ' + '现在时间:' + timeStr + ' ' + greetingStr;
}
setInterval(show, 1000);
</script>
</body>
</html>
```
解释一下代码:
1. `new Date()` 创建一个日期对象,表示当前时间。
2. `getFullYear()`、`getMonth()`、`getDate()`、`getHours()`、`getMinutes()`、`getSeconds()` 方法分别获取年、月、日、小时、分钟、秒。
3. 格式化日期和时间,用 `if` 判断上下午,用 `%` 取模运算符和三目运算符来处理小时数。
4. 最后将格式化后的字符串显示在页面上,用 `setInterval()` 方法每隔一秒钟更新一次时间。