代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script>
// 再来一个使用了moment库实现的倒计时
function showTime(time) {
let start = moment(new Date()); //获取开始时间
let end = moment(new Date(time)); //结束时间
let diff = end.diff(start); //时间差
var timediff = Math.round(diff / 1000);
//获取还剩多少天
var day = parseInt(timediff / 3600 / 24);
//获取还剩多少小时
var hour = parseInt((timediff / 3600) % 24);
//获取还剩多少分钟
var minute = parseInt((timediff / 60) % 60);
//获取还剩多少秒
var second = timediff % 60;
//输出还剩多少时间
console.log(
day + "天" + timerFilter(hour) + "时" + timerFilter(minute) + "分" + timerFilter(second) + "秒"
);
//给小于10的数值前面加 0
function timerFilter(params) {
if (params - 0 < 10) {
return "0" + params;
} else {
return params;
}
}
window.requestAnimationFrame(() => {
showTime(time);
});
}
showTime("2021/8/4"); // showTime("2021/8/4 11:12:13");
</script>
</body>
</html>