<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>模拟电子时钟</title>
<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div>
当前时间为:
<span class="current-time"></span>
</div>
<script>
$(function () {
// 获取时间
function currentTime() {
let time, y, m, d, h, mm, s;
let date = new Date();
y = date.getFullYear();
m = date.getMonth() + 1;
d = date.getDate();
h = date.getHours();
mm = date.getMinutes();
s = date.getSeconds();
$(".current-time").html(filterTime(y, m, d, h, mm, s));
setInterval(function () {
let date2 = new Date();
h = date2.getHours();
mm = date2.getMinutes();
s = date2.getSeconds();
$(".current-time").html(filterTime(y, m, d, h, mm, s));
}, 1000)
}
// 过滤时间
function filterTime(y, m, d, h, mm, s) {
time = y + "年";
if (m < 10) {
time += "0";
}
time += m + "月";
if (d < 10) {
time += "0";
}
time += d + "日";
if (h < 10) {
time += "0";
}
time += h + "时";
if (mm <10 ) {
time += "0";
}
time += mm + "分";
if (s < 10) {
time += "0";
}
time += s + "秒";
return time;
}
currentTime();
})
</script>
</body>
</html>