使用JavaScript实现网页中的时间和日期特效

img

<html>
  <head></head>
  <body>
    <div class="aging-tools-pc"><div>
  </body>
</html>

let div = document.getElementById("aging-tools-pc"); // 获取放时间的div
// 获取日期
let today = new Date();
let year = today.getFullYear(); // 年
let month = today.getMonth() + 1; // 月
let day = today.getDate(); // 日
let hours = today.getHours(); // 时
let minutes = today.getMinutes(); // 分
let seconds = today.getSeconds(); // 秒
let weekDay = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
let week = weekDay[today.getDay()];
let html1 = "日期："+year+"年"+month+"月"+day+"日";
let p1 = document.createElement("p");
p1.append(html1);
div.appendChild(p1);
let html2 = "时间："+hours+"时"+minutes+"分"+seconds+"秒";
let p2 = document.createElement("p");
p2.append(html2);
div.appendChild(p2);
let html3 = week;
let p3 = document.createElement("p");
p3.append(html3);
div.appendChild(p3);
setInterval(()=>{
    let p = document.getElementsByTagName("p")[1];
    let today = new Date();
    let hours = today.getHours(); // 时
    let minutes = today.getMinutes(); // 分
    let seconds = today.getSeconds(); // 秒
    let html2 = "时间："+hours+"时"+minutes+"分"+seconds+"秒";
    p.innerText = html2;
}, 1000);

老师又来发作业了