废话不多说,直接上代码,复制过去直接用。
<body>
<div></div>
</body>
<script>
// 页面显示时间小案例
let arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六',]
// 获取页面上需要展示时间的标签元素
let div = document.querySelector('div')
// 调用声明的函数
getTime()
// 创建定时器,每1秒钟执行一次
setInterval(getTime, 1000)
// 声明函数
function getTime() {
let date = new Date()
let year = date.getFullYear()
let getMonth = date.getMonth() + 1
let date1 = date.getDate()
let hour = date.getHours()
hour = hour < 10 ? '0' + hour : hour
let min = date.getMinutes()
min = min < 10 ? '0' + min : min
let sec = date.getSeconds()
sec = sec < 10 ? '0' + sec : sec
let day = date.getDay()
div.innerHTML = `今天是:${year} 年${getMonth}月
${date1}日 ${hour}:${min}:${sec} ${arr[day]}`
}
</script>