<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
font-family: "Microsoft YaHei", serif;
}
body, dl, dd, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
ol, ul, li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none
}
p{
font-size: 30px;
}
p b{
color: red;
}
</style>
</head>
<body>
<p>
距离元旦还有:
<b>0</b>天
<b>0</b>小时
<b>0</b>分
<b>0</b>秒
</p>
<script>
(function () {
let oSpan = document.querySelectorAll("p b");
// 设置元旦的时间戳
let yuandan = new Date(2021,0,1);
function fn() {
// 设置现在的时间戳
let date = new Date();
// 获取到元旦的毫秒数
let ms = yuandan-date;
// 获取对应的天时分秒
let d = Math.floor(ms/1000/60/60/24);
let h = Math.floor(ms/1000/60/60%24);
let m = Math.floor(ms/1000/60%60);
let s = Math.floor(ms/1000%60);
h = toTwo(h);
m = toTwo(m);
s = toTwo(s);
oSpan[0].innerHTML = d;
oSpan[1].innerHTML = h;
oSpan[2].innerHTML = m;
oSpan[3].innerHTML = s;
}
function toTwo(number) {
return (number<10?"0":"")+number;
}
fn();
setInterval(fn,1000);
})();
</script>
</body>
</html>
Python3Turtle