<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>实例化日期对象</title>
</head><body><script>// 实例化 new关键字// 1.得到当前时间const date = new Date()console.log(date)// 2.指定时间const date1 = new Date('2000-1-1')console.log(date1)</script>
</body></html>
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=, initial-scale=1.0"><title>常见的日期对象方法</title>
</head><body><script>// 获得日期对象const date = new Date()// 使用里面的方法console.log(date.getFullYear())console.log(date.getMonth() + 1)//月份的取值为0~11，因此要加1console.log(date.getDate())//日期console.log(date.getDay())//星期</script>
</body></html>
案例练习：
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>显示格式化时间</title>
</head>
<style>div {width: 300px;height: 40px;border: 1px solid pink;text-align: center;line-height: 40px;}
</style><body><div></div><script>const div = document.querySelector('div')function getMyDate() {const date = new Date()let h = date.getHours()let m = date.getMinutes()let s = date.getSeconds()h = h < 10 ? '0' + h : hm = m < 10 ? '0' + m : ms = s < 10 ? '0' + s : sreturn `今年是:${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}号${h} : ${date.getMinutes()} : ${date.getSeconds()}`}div.innerHTML = getMyDate()setInterval(function () {div.innerHTML = getMyDate()}, 1000)</script>
</body></html>
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>时间的另外一种写法</title>
</head>
<style>div {width: 300px;height: 40px;border: 1px solid pink;text-align: center;line-height: 40px;}
</style><body><div></div><script>const div = document.querySelector('div')const date = new Date()div.innerHTML = date.toLocaleString()setInterval(function () {const date = new Date()div.innerHTML = date.toLocaleString()}, 1000)// div.innerHTML = date.toLocaleDateString() //2026/3/15// div.innerHTML = date.toLocaleTimeString()//08:55:05</script>
</body></html>
