提示:主要是利用Date的实例
<div class="count"></div>
<script>
window.onload = function () {
countDown();
function addZero(i) {
return i < 10 ? "0" + i : i + "";
}
function countDown() {
// 如果没有提供参数,那么新创建的 Date 对象表示实例化时刻的日期和时间。
var nowtime = new Date();
// 表示日期的字符串值。该字符串应该能被 Date.parse() 正确方法识别
// 即符合 IETF-compliant RFC 2822 timestamps 或 version of ISO8601。
var endtime = new Date("2022/07/22,17:57:00");
// getTime 方法的返回值一个数值,
// 表示从 1970 年 1 月 1 日 0 时 0 分 0 秒(UTC,即协调世界时)距离该日期对象所代表时间的毫秒数。
var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
var d = parseInt(lefttime / (24 * 60 * 60))
var h = parseInt(lefttime / (60 * 60) % 24);
var m = parseInt(lefttime / 60 % 60);
var s = parseInt(lefttime % 60);
d = addZero(d)
h = addZero(h);
m = addZero(m);
s = addZero(s);
document.querySelector(".count").innerHTML = `活动倒计时 ${d}天 ${h} 时 ${m} 分 ${s} 秒`;
if (lefttime <= 0) {
document.querySelector(".count").innerHTML = "活动已结束";
return;
}
setTimeout(countDown, 1000);
}
}
</script>