实时系统时间显示
<script>// 获取显示时间的DOM元素const timeElement = document.getElementById('currentTime');// 定义格式化时间的函数function formatDateTime() {// 创建当前时间对象const now = new Date();// 获取年、月、日、时、分、秒（补零处理，确保两位数）const year = now.getFullYear();const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需+1const day = String(now.getDate()).padStart(2, '0');const hour = String(now.getHours()).padStart(2, '0');const minute = String(now.getMinutes()).padStart(2, '0');const second = String(now.getSeconds()).padStart(2, '0');// 拼接成指定格式的时间字符串return `${year}年${month}月${day}日 ${hour}:${minute}:${second}`;}// 初始化显示时间timeElement.textContent = formatDateTime();// 设置定时器，每秒更新一次时间（1000毫秒 = 1秒）setInterval(() => {timeElement.textContent = formatDateTime();}, 1000);
</script>
