自动变化的电子闹钟（小样）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="dv"></div>
<script>
function getTime() {
// 定义星期数组
var weekArr = ['日', '一', '二', '三', '四', '五', '六']
// 获取当前时间
var time = new Date()
var year = time.getFullYear()
var month = time.getMonth() + 1
var date = time.getDate()
var hours = time.getHours()
var minutes = time.getMinutes()
var seconds = time.getSeconds()
var week = time.getDay()
// 拼接字符串
// var timeStr = year + '年' + month + '月' + date + '日' + '星期' + weekArr[week] + addZero(hours) + ':' + addZero(minutes) + ':' + addZero(seconds)
// 模板字符串 键盘ESC下面的符号 ``
// 如果是变量 ${变量}
var timeStr = `${year}年${month}月${date}日星期${weekArr[week]}${addZero(hours)}时${addZero(minutes)}分${addZero(seconds)}秒`
// 写入到页面
// 直接通过id=dv使用元素 不需要获取元素
dv.innerHTML = timeStr
}
// 为了防止页面出现空白 所以手动调用一次
getTime()
// 补0函数
function addZero(time) {
// 判断传入的数值是否 <0 小于则补0
return time < 10 ? '0' + time : time
}
setInterval(getTime, 1000)
</script>
</body>
</html>
